Técnica Técnicas generales WCAG 2.2
G103Acompañar los textos difíciles con imágenes, esquemas y gráficos
Nombre oficial en el W3C: Proporcionar ilustraciones visuales, imágenes y símbolos que ayuden a explicar ideas, acontecimientos y procesos
En pocas palabras
Un texto complejo se entiende mejor si va acompañado de un dibujo, un esquema, un gráfico o un vídeo. Esta técnica propone añadir ese apoyo visual para explicar ideas, procesos o datos. La imagen complementa al texto: no lo sustituye.
Por qué es importante
Las personas con dislexia, discapacidad intelectual o dificultades de lectura se pierden en párrafos largos y técnicos. Un apoyo visual les ayuda a captar la idea sin descifrar cada frase.
Por ejemplo, los pasos para solicitar una beca se siguen mejor con un diagrama numerado. Y la evolución del paro en un municipio se entiende mejor con un gráfico que con una tabla de cifras.
Cómo se hace
- Identifique los textos más difíciles: procesos con muchos pasos, datos numéricos, relaciones entre ideas o hechos históricos.
- Elija el apoyo adecuado: diagrama de flujo para procesos, gráfico para datos, mapa conceptual para ideas, foto o dibujo para objetos y lugares.
- Coloque la imagen junto al texto que explica o enlácelas con una referencia clara, como «Figura 2».
- Dé a cada imagen su texto alternativo (descripción en texto para quien no puede verla). Si es compleja, añada una descripción larga.
- Mantenga el texto completo. La imagen ayuda, pero la información tiene que seguir estando también en texto.
Cómo comprobarlo
- Localice los textos que exigen un nivel de lectura alto.
- Compruebe que van acompañados de ilustraciones, esquemas, gráficos o vídeos que ayudan a entenderlos.
- Compruebe que cada apoyo visual tiene su texto alternativo.
- Pida a una persona con dificultades de lectura que use la página. Observe si el apoyo visual le ayuda de verdad.
Para saber más, en nuestro blog
-
Lectura Fácil¿Qué es y qué conlleva crear un documento en formato de Lectura Fácil? Descubre consejos y trucos para que no se te escape nada.
Ver el texto completo del W3C (traducción al español)
Esta es una traducción no oficial al español de la técnica G103 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.
Aplicabilidad
Todas las tecnologías.
Descripción
El objetivo de esta técnica es proporcionar ilustraciones visuales que ayuden a los usuarios con dificultades de lectura a entender textos complejos que describen conceptos o procesos. Las ilustraciones se proporcionan como complemento del texto.
Es probable que los usuarios con discapacidades que dificultan la descodificación de palabras y frases tengan problemas para leer y entender textos complejos. Los gráficos, diagramas, animaciones, fotografías, organizadores gráficos u otros materiales visuales suelen ayudar a estos usuarios. Por ejemplo:
- Los gráficos y las tablas ayudan a los usuarios a entender datos complejos.
- Los diagramas, los diagramas de flujo, los vídeos y las animaciones ayudan a los usuarios a entender procesos.
- Los mapas conceptuales y otros organizadores gráficos ayudan a los usuarios a entender cómo se relacionan las ideas entre sí.
- Las fotografías, los dibujos y los vídeos pueden ayudar a los usuarios a entender acontecimientos u objetos naturales o históricos.
Ejemplos
El informe anual de una empresa
Un informe anual analiza múltiples factores que han influido en los resultados de la empresa durante el último año. El informe también incluye gráficos y tablas que ilustran cómo interactúan esos factores. Cada gráfico o tabla tiene una alternativa textual, como exige el criterio de conformidad 1.1.1 Contenido no textual. Cada uno tiene además un número en su leyenda (p. ej., «Figura 7»). Estos números se usan en el texto para hacer referencia a los gráficos o tablas.
Capturas de pantalla en documentación técnica
La documentación en línea de un producto incluye instrucciones paso a paso. Cada paso se ilustra con una captura de pantalla que muestra el aspecto visual de la pantalla. Cada captura de pantalla tiene alternativas textuales, como exige el criterio de conformidad 1.1.1.
Ilustraciones de un fenómeno natural complejo
Un sitio web trata sobre el tsunami de 2004. El sitio describe cómo afectó el tsunami a distintos lugares del océano Índico. Se incluyen fotografías de la devastación en cada zona. Cada fotografía tiene una alternativa textual, como exige el criterio de conformidad 1.1.1. El sitio también explica qué ocurre bajo el agua durante un tsunami. La explicación va acompañada de una animación que muestra cómo se origina un tsunami y cómo se propaga por el océano. La animación tiene una alternativa textual, como exige el criterio de conformidad 1.1.1.
Pruebas
Procedimiento
- Identificar el texto que trata ideas o procesos que es necesario entender para usar el contenido.
- Comprobar si hay ilustraciones visuales disponibles en el contenido o a través de enlaces dentro del contenido.
- Comprobar que las ilustraciones visuales muestran los conceptos o procesos tratados en el texto.
Resultados esperados
- Las comprobaciones n.º 2 y n.º 3 son verdaderas.
Recursos
- Tufte, Edward. Envisioning information. Cheshire, Conn.: Graphics Press. 1990.
- Tufte, Edward. The visual display of quantitative information. Cheshire, Conn.: Graphics Press. 1983.
- Tufte, Edward. Visual explanations: images and quantities, evidence and narrative. Cheshire, Conn.: 1997.
Cómo lo comprobamos en ADDAW
En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.
Basado en la técnica G103 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.