Guía de contenido accesible

De Gobmx
Saltar a: navegación, buscar

Introducción

La presente guía tiene por objeto proporcionar los criterios necesarios para que el usuario realice la evaluación del cumplimiento del nivel de accesibilidad de un sitio web.

Está basada en materiales de accesibilidad web y contenidos accesibles, experiencia de usuario, interpretación de las pautas de accesibilidad al contenido de la web (WCAG 2.0) y selección de las mejores prácticas a nivel internacional. Y en cumplimiento a las Disposiciones Generales de Accesibilidad Web que deben observar las dependencias y entidades de la Administración Pública Federal y las empresas productivas del Estado.

Análisis de accesibilidad para textos en Notas y Blogs

Para lograr textos comprensibles de acuerdo con las pautas de la WCAG 2.0 es necesario considerar características de accesibilidad en el lenguaje utilizado, en la tipografía, en los párrafos y en los contrastes de color.

A continuación, enlistamos las cualidades que deben tener cada uno de estos elementos para que logremos textos accesibles.

Lenguaje claro

Es una herramienta de apoyo a la compresión de los textos para facilitar el acceso a la información y tiene como objetivo presentar textos claros y fáciles de entender por personas con algún tipo de discapacidad, así como personas con competencias lingüísticas y lectoras limitadas. Para lograrlo es recomendable seguir las siguientes instrucciones:

Utilizar

  • Una redacción simple y concisa.
  • Que los textos sean lo más parecidos a una conversación.
  • Oraciones cortas.
  • Imágenes de apoyo al texto que hagan referencia explícita al mismo..
  • Instrucciones directas y simples.

Evitar

  • Introducciones largas.
  • Estructuras gramaticales complejas.
  • Palabras rebuscadas.
  • Saturación de imágenes.
  • El uso de metáforas o hacerlo de forma moderada.
  • Tecnicismos.

Tipografía

Para que los contenidos web sean accesibles se debe emplear tipografía tipo “Sans Serif o Palo seco”. Es decir, fuentes sin remates, ya que son más fáciles de leer en la pantalla, también permiten una lectura del texto más rápida. Son más limpias, ya que en ellas se elimina el elemento decorativo.

Tiposdefuentes.png

Sansserif.png

Utilizar

  • Tipografía Sans serif.
  • Como máximo dos tipos de letra.
  • Un tamaño de fuente lo suficientemente grande entre 12 y 16. El gestor de contenidos del sitio ya contempla esta característica.

Evitar

  • Caracteres que simulan manuscrita.
  • Efectos tipográficos, como sombras o degradados.

Alineación de los textos

La alineación de los párrafos a izquierda facilita la lectura del texto. Con ello también se evita la formación de “ríos tipográficos”, que son los espacios en blanco que se generan entre palabras y se van repitiendo de forma vertical de línea en línea en la extensión del texto.

Utilizar

  • Párrafos alineados a la izquierda.
  • Espaciado entre párrafos para distinguirlos.
  • Espacios en blanco alrededor del texto.
  • Columnas estrechas.

Evitar

  • Justificar párrafos a la derecha.
  • Columnas anchas.

Evitar.png

Contraste de color

Con un contraste adecuado entre el texto (color de primer plano) y el fondo contra el que es desplegado (color de fondo), se busca facilitar la lectura de los contenidos en las distintas secciones del sitio web, ya que es fundamental para que personas con discapacidad visual como: visión baja, degeneración macular, daltonismo, ceguera espacial, agudeza visual disminuida, entre otras tengan acceso a la información.

Utilizar

  • El fondo blanco y la fuente obscura ya que es más fácil de leer que, al contrario, fondo obscuro y letra blanca.
  • Usar combinaciones de colores “seguras”.

Lectura.png

Evitar

  • Colocar texto sobre imágenes.
  • El uso del color para transmitir información.

Para hacer pruebas recomendamos el uso de herramientas que miden el adecuado contraste. (Colour Contrast Analyser).

Análisis de accesibilidad para textos alternativos en imágenes

Si las imágenes cuentan con un texto alternativo va a permitir que personas con discapacidad visual tengan información sobre las imágenes que tienen los sitios web, mediante el uso de lector de pantalla.

Las imágenes deben ser descritas tomando en cuenta el objetivo por el que fueron colocadas. La descripción de las mismas debe realizarse de acuerdo a la función que representan y otras deberán ser descritas tomando en cuenta el contexto en que son utilizadas.

Tipos de imágenes

  • Decorativas, se colocan para hacer más atractivo un texto. En este caso no se le pone texto alternativo, solo se pone el atributo "Alt" vacío.
  • Clip art o imágenes para ilustración, por lo general en este tipo de imágenes se utiliza el atributo "Alt" vacío, esto debido a que estas son colocadas muy cerca del texto que puede considerarse como su equivalente en cuanto a la información que se busca transmitir.
  • Funcionales, si la imagen tiene una función o se intenta comunicar alguna información, entonces el atributo "Alt" debe contener un texto que explique la función de la imagen o que resalte lo que se pretende comunicar. No hay que enfocarse en describir por completo la imagen, simplemente hay que centrarse en la información a transmitir.
  • Que expresan un concepto, este tipo de imágenes principalmente son fotografías de personas, eventos o situaciones. Estas imágenes comunican un concepto por lo que el texto alternativo debe ser muy conciso.
  • Gráficas y diagramas complejos, existen casos de imágenes en los cuales la descripción apropiada podría ser extensa. En este caso se debe colocar una breve descripción dentro del atributo "Alt" y entonces utilizar otro mecanismo para la descripción “larga”.
  • Resumen de tabla, Debe contener la explicación de la información contenida en la tabla, su estructura y los encabezados.

Recuerda

  • El texto alternativo debe describir la información no la imagen.
  • No repetir en el texto alternativo la información de pie de foto.

Análisis de accesibilidad para documentos en formato PDF

Los documentos PDF que se suban a los sitios del portal www.gob.mx deben ser accesibles, con ello se pretende que un mayor número de personas, incluyendo personas con algún tipo de discapacidad y que emplean herramientas de asistencia tecnológica tengan acceso a la información.

A continuación, enlistamos los atributos para lograrlo:

Utilizar

  • Etiquetas.
  • Especificar el idioma.
  • Darle un orden lógico de lectura.
  • Texto alternativo para las imágenes.
  • Seguridad debidamente configurada.
  • Contraste adecuado en el documento.
  • Un lenguaje claro y sencillo.
  • Especificar el destino de los enlaces contenidos en documento para una facilitar su navegación.

Evitar

  • Estructuras gramaticales complejas.
  • Textos en formato de imagen.
  • Basar la información sólo en el color para transmitir información.
  • Enlaces muy pequeños.

Tablas dentro de un documento

Las tablas son un elemento muy empleado para ofrecer concentrados de información, se recomienda que la información que en ellas se ofrezca no sea extensa para facilitar su acceso y compresión.

Deberán tener las siguientes características:

Utilizar

  • Los marcadores apropiados para identificar los encabezados de fila y columna.
  • Resumen de tabla.

En las tablas que tengan dos o más niveles lógicos de encabezados de fila o columna, se deben considerar:

  • Marcadores para asociar las celdas de datos con las celdas de encabezado.
  • La función de repetir los encabezados al inicio de cada página, en el caso de que abarque dos o más páginas.

Evitar

  • Tablas anidadas.
  • Celdas combinadas

Análisis de accesibilidad para contenidos multimedia

Videos

Los materiales de audio y video deben tener las siguientes características para que sean accesibles dependiendo del nivel que se pretende lograr: Transcripción, Subtítulos y Audiodescripción.

Nivel AA Criterio de verificación Características
Videos audiovisuales 1.2.1, 1.2.2, 1.2.3, 1.2.4 y 1.2.5 Transcripción, Subtítulos y Audiodescripción
Videos sin narración 1.2.1, 1.2.3 y 1.2.5 Audiodescripción Transcripción en texto de la audiodescripción

Transcripción

Los documentos multimedia deberán contar con alternativas textuales de los elementos no textuales una de estas alternativas es la transcripción, y debe cumplir con la siguiente información:

  • Dónde se hizo.
  • Cuándo se hizo.
  • Quiénes intervienen.
  • Una presentación.
  • Duración de la conversación transcrita.
  • La totalidad de los diálogos.
  • Uso de abreviaturas, conforme a las reglas del español.
  • Los sonidos del entorno.

Subtítulos

Los subtítulos deben tener las siguientes características:

  • Subtítulos cerrados.
  • Identificar a los personajes.
  • Incluir el contenido de los diálogos.
  • Incluir los elementos sonoros que sean relevantes para comprender el material o que aporten información.
  • Un lenguaje claro.
  • Máximo de dos líneas por subtítulo y colocarlos en la parte inferior alineada al centro.
  • Sincronizar el contenido del texto con el audio.
  • Tipografía que responda a criterios de máxima legibilidad.
  • Interlineado sencillo.
  • Caja en pantalla, esta deberá insertarse en caso de ser necesario si no hay suficiente contraste entre los textos y el fondo.

Audiodescripción

Los elementos que debe contener una audiodescripción son los siguientes:

  • Descripción de las acciones.
  • Descripción de los personajes.
  • Descripción de escenarios y localizaciones.
  • La narración debe ser clara y concreta.
  • Transcripción de los textos que se muestren en pantalla.
  • Los elementos visuales que sean relevantes para comprender el documento.
  • Sincronización con el audio.
  • Deben insertarse en los espacios de silencio entre los diálogos.

Audios

Los archivos de audio como elementos no textuales deben cumplir con alternativas textuales, en este caso se debe incluir la transcripción. Cuyas características se mencionaron en el apartado anterior.