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

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

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

Procedimiento de evaluación

  1. Paso 1. Identificar imágenes donde el color transmite información.
  2. Paso 2. Comprobar que existen pistas adicionales (patrones, formas, iconos, bordes…)
  3. 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...