Nunca dependa solo del color

Para muchos usuarios, el rojo y el verde que ha elegido parecen casi iguales. Usar solo el color para transmitir significado les obliga a adivinar.

Aproximadamente 1 de cada 12 hombres presenta algún tipo de daltonismo. Es una parte enorme de su audiencia, no un caso extremo poco frecuente.

El error clásico consiste en usar un error rojo y un éxito verde que resultan idénticos para muchos usuarios. La confusión entre rojo y verde es, con diferencia, el tipo más común.

El criterio 1.4.1 de WCAG establece que el color nunca debe ser la única forma de transmitir información. Apóyelo siempre con una segunda señal.

La solución más sencilla son las palabras. Combine un campo rojo con la etiqueta Error, para que el significado se conserve aunque el color no se perciba.

Una marca de verificación, un triángulo de advertencia o una X transmiten significado mediante la forma. Ahora el éxito y el error se distinguen incluso en escala de grises.

Un enlace azul en un párrafo gris puede desaparecer para algunas personas. Añada un subrayado para que los enlaces sean evidentes sin depender del color.

Los gráficos que distinguen las series únicamente por el color son una trampa. Añada patrones, etiquetas directas o formas distintas a cada línea o sector.

No marque un campo incorrecto solo con un borde rojo. Añada un mensaje de error de texto y un icono para que todos sepan qué ha fallado.

Una comprobación rápida: vea su diseño en escala de grises. Si aún puede distinguir los estados y los enlaces, no depende únicamente del color.

Mantener el subrayado hace que los enlaces se lean claramente incluso para quienes no pueden percibir la diferencia de color.

Ha aprendido a no permitir nunca que el color sea la única señal: añada texto, iconos, formas o subrayados para que el significado llegue a todos. A continuación: comprobar el contraste con herramientas. 🌈