Técnica Técnicas generales WCAG 2.2
G111Usar color y patrones
En resumen
Cuando una imagen (gráfico, mapa, diagrama) usa colores para distinguir datos, esta técnica pide añadir también un patrón o una forma distinta para cada categoría, de modo que la información no dependa solo del color. Beneficia a personas con daltonismo o baja visión y a quien imprime en blanco y negro. Aplíquela en gráficos de barras, leyendas, rutas de mapas y juegos.
Aplicabilidad
Todas las tecnologías que admiten imágenes.
Descripción
El objetivo de esta técnica es garantizar que, cuando se utilizan diferencias de color para transmitir información dentro de un contenido no textual, se incluyan también patrones que transmitan la misma información de una manera que no dependa del color.
Ejemplos
Un sitio inmobiliario ofrece un gráfico de barras con el precio medio de la vivienda en varias regiones de Estados Unidos. La barra de cada región se muestra con un color sólido distinto y con un patrón distinto. La leyenda utiliza los mismos colores y patrones para identificar cada barra.
Un mapa en línea de una red de transporte muestra cada ruta con un color diferente. Las paradas de cada ruta se marcan con un icono distintivo, como un rombo, un cuadrado o un círculo, para ayudar a diferenciar cada ruta.
Un diagrama de flujo describe un conjunto de pasos iterativos para completar un proceso. Utiliza líneas discontinuas con flecha sobre fondo verde para señalar el paso siguiente del proceso cuando se cumple la condición indicada, y líneas de puntos con flecha sobre fondo rojo para señalar el paso siguiente cuando la condición indicada no se cumple.
El contenido incluye un juego interactivo. Las fichas de los 4 jugadores se distinguen entre sí tanto por el color como por el patrón.
Pruebas
Procedimiento
Para cada imagen de la página web que utilice diferencias de color para transmitir información:
- Comprobar que toda la información que se transmite mediante el color se transmite también mediante patrones que no dependen del color.
Resultados esperados
- La comprobación n.º 1 es verdadera.
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 G111 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.
