Uso del color

Qué solicita

Siempre que el significado de un elemento de la interfaz dependa de su color — un mensaje de error en rojo, un punto verde de «disponible», un enlace azul dentro del texto principal, una línea de color en un gráfico — ese significado debe transmitirse también por algo distinto al color. El criterio no prohíbe el uso del color, sino que prohíbe que el color sea el único medio. Aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres presenta alguna forma de deficiencia en la visión del color; a ello se suman las impresiones en escala de grises, las pantallas tenues y los entornos con mucho reflejo, que eliminan habitualmente las distinciones de color.

Cómo cumplirlo

• Subrayar los enlaces dentro de párrafos de texto. Un color diferente por sí solo no es suficiente — es el fallo canónico del criterio 1.4.1.
• Acompañar cada color de estado con una etiqueta o icono: el rojo con el texto «Error», el verde con una marca de verificación, el amarillo con un triángulo de advertencia.
• Señalar los campos obligatorios del formulario tanto con color (asterisco en rojo) como con un indicador textual («obligatorio»).
• En los gráficos, usar estilos de línea distintos (sólido, discontinuo, punteado) o símbolos en los puntos de datos, no solo el color.
• Asociar los indicadores de estado «disponible / ocupado / ausente» a color más forma del icono (círculo relleno, círculo vacío, guion).
• En la validación de formularios, el estado no válido debe incluir un mensaje de error además del borde rojo.

Fallos habituales

• Enlaces en el texto del cuerpo mostrados solo mediante un azul ligeramente diferente y sin subrayado. Los usuarios con daltonismo rojo-verde no perciben ninguna distinción.
• Asteriscos de campos obligatorios mostrados en rojo sin aria-required ni etiqueta «obligatorio».
• Gráficos con cinco series diferenciadas solo por color — al imprimir el gráfico en escala de grises, las líneas se vuelven indistinguibles.
• Estados de error con solo un borde rojo y sin texto de mensaje de error.
• Indicadores «en línea / fuera de línea» que únicamente cambian de color, sin cambio de forma ni etiqueta.
• Gráficos circulares con sectores de luminancia similar etiquetados únicamente en la leyenda por color.

Por qué importa

Este es el fallo del grupo 1.4.x más citado y uno de los más fáciles de corregir en el momento del diseño: añadir un subrayado, añadir un icono, añadir una etiqueta. La corrección posterior es más difícil porque la paleta de marca suele estar construida en torno a señales basadas únicamente en el color. Las reglas de QualiBooth, axe y Lighthouse no siempre pueden detectar esto de forma automática, por lo que aflora en las revisiones manuales.