Principio 1/1.4 Distinguible/1.4.1-C
De WCAG Wiki
1.4.1-C. Evitar el color como único recurso en imágenes
- Nivel: A
- Versión: 2.2
- Principio: 1_Perceptible
- Pauta: 1.4_Facilitar_ver_y_escuchar_contenido
- Grupo: Presentación
- Subgrupo: Uso_del_color
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Baja visión –
Barrera grave
-
Visual total –
Barrera grave
Enunciado del criterio (Observatorio de Accesibilidad Web)
- En las imágenes no se debe emplear el color como único medio visual para transmitir información.
Comprensión del criterio
Descripción resumida
Si una imagen utiliza colores para diferenciar información (gráficas, diagramas, mapas, iconos…), también debe aportar señales adicionales como texto, patrones, formas, bordes o iconos.
Esto asegura que las personas con dificultades para percibir colores puedan comprender el contenido.
Objetivo
Garantizar que la información contenida en imágenes sea accesible para usuarios con daltonismo o baja percepción del color, así como para quienes visualizan contenidos en entornos monocromos o con alto contraste.
Importancia de cumplir el criterio
Si la información depende únicamente del color, muchas personas no podrán interpretarla correctamente.
Patrones, formas, etiquetado y otros elementos redundantes evitan la pérdida de significado.
Referencias WCAG
- G111: Uso de color y patrones
- G14: Información por color también disponible en texto
- F13: Fallo cuando el texto alternativo no incluye la información basada en color
Recursos de apoyo
- Usar patrones, texturas o formas distintas además del color.
- Asegurar que la información basada en color también está disponible en texto.
- Verificar que el texto alternativo de la imagen refleja diferencias clave.
- Simular la visualización en monocromo o modo daltónico.
Evaluación del criterio
Tipo de evaluación
Evaluación Comprobación manual
Procedimiento de evaluación
- Paso 1. Identificar imágenes donde el color transmite información.
- Paso 2. Comprobar que existen pistas adicionales (patrones, formas, iconos, bordes…)
- Paso 3. Revisar que el texto alternativo incluye la información diferenciada por color.
Resultado esperado
La información visual transmitida por color en imágenes también se ofrece mediante señales adicionales, garantizando su comprensión en ausencia de percepción cromática.
Ejemplo
Ejemplo accesible:
<!-- Gráfica donde cada barra tiene color y un patrón -->
Las barras se diferencian por color y patrón (rayas, puntos, cuadrícula).
Ejemplo no accesible:
<!-- Gráfica donde solo cambia el color de las barras -->
Las barras solo se diferencian por color.
Otras herramientas de evaluación
- Inspector del navegador
- Simuladores de daltonismo (Chrome DevTools / Stark)
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 1.4.1-C. Evitar el color como único recurso en imágenes
Loading comments...
