Color y contraste

Color

Muchas personas tienen dificultades para percibir ciertos colores, y depender solo del color puede dificultar la comprensión o el uso de una interfaz.

Utiliza pistas adicionales

Añade siempre otra pista visual además del color: subrayado, iconos, etiquetas, texto descriptivo, formas, etc.

Por ejemplo:

• Los enlaces dentro de un bloque de texto deben ir subrayados, no diferenciados únicamente por el color.

• Los mensajes de error deben acompañarse de un texto claro y, si es posible, de un icono que refuerce el significado del color.

Puedes eliminar el color de una página con una extensión como Monochrome Mode para Chrome.

Contraste

El contraste entre el texto y el fondo debe ser suficiente para garantizar la legibilidad a personas con baja visión o sensibilidad al color.

Contraste mínimo

• El texto debe tener una proporción de contraste mínima de 4.5:1 con el fondo.
• Para texto de gran tamaño (al menos 24 px en texto normal o 18 px en negrita), se permite un contraste mínimo de 3:1.
• Los iconos, bordes, gráficos y otros elementos visuales que transmiten información también deben tener un contraste mínimo de 3:1.

Utiliza una herramienta como WebAIM Contrast Checker para verificar tus combinaciones de color.