Técnica Técnicas generales WCAG 2.2
G103Proporcionar ilustraciones visuales, imágenes y símbolos que ayuden a explicar ideas, acontecimientos y procesos
En resumen
Esta técnica consiste en acompañar los textos complejos de gráficos, diagramas, fotografías, animaciones u otros apoyos visuales que ayuden a entender los conceptos, procesos o acontecimientos descritos, siempre como complemento del texto y no en su lugar. Beneficia sobre todo a las personas con dificultades de lectura o de aprendizaje, aunque facilita la comprensión a cualquier lector. Úsela en informes, documentación técnica o contenidos divulgativos con ideas difíciles de explicar solo con palabras.
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 las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica G103 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
