Principio 1/1.4 Distinguible/1.4.1-C

1.4.1-C. Evitar el color como único recurso en imágenes

1_Perceptible 1.4_Distinguible

• Nivel: A
• Versión: 2.0
• Principio: 1_Perceptible
• Pauta: 1.4_Distinguible
• 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: Using color and pattern
• G14: Ensuring that information conveyed by color differences is also available in text
• F13: Failure due to a text alternative not including information conveyed by color differences in the image

Recursos de apoyo

Consejos

• 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 Manual

Procedimiento de evaluación

1. Paso 1. Localizar todas las imágenes de la página que utilizan el color para transmitir una información.
2. Paso 2. Verificar que esta información está disponible mediante algún mecanismo visual adicional que no se base en el color.
3. Paso 3. Verificar que en el texto alternativo de las imágenes se incluye la misma información que se trasmite mediante el 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

Se muestra un gréfico y se indican patrones para que sea posible identificar a qué corresponde cada dato.

<!-- Gráfica donde cada barra tiene color y un patrón -->

Las barras se diferencian por color y patrón (rayas, puntos, cuadrícula).

Otras herramientas de evaluación

• Revisión visual: comprobar que las imágenes que transmiten información (gráficos, diagramas, mapas, leyendas) no dependen solo del color; deben incluir etiquetas, patrones, texto o formas para diferenciar elementos.
• Inspección del navegador: revisar el código para verificar que existen descripciones textuales o alternativas que explican la información transmitida en la imagen.
• Simulación de daltonismo: usar herramientas del navegador (Chrome DevTools, Edge, Firefox) o extensiones de accesibilidad para simular visión con alteración de color y confirmar que la información sigue siendo comprensible.
• Pruebas con lectores de pantalla: (NVDA, JAWS, VoiceOver) comprobar que la descripción textual alternativa permite comprender la información sin necesidad de percibir el color.

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...