Simulador de daltonismo

Un diseño que sigue funcionando cuando faltan colores

Alrededor de uno de cada doce hombres, y una proporción mucho menor de mujeres, tienen alguna forma de deficiencia en la visión del color, la más habitual la dificultad para distinguir el rojo del verde. Si un gráfico usa el color como única forma de diferenciar dos líneas, o un botón usa rojo y verde para significar parar y seguir sin ninguna otra señal, una parte importante de tu público no puede leerlo como pretendías. Simular el daltonismo en tu propio diseño es la forma más rápida de detectarlo antes de publicar.

Los cuatro tipos simulados

• Protanopia: sin conos sensibles al rojo. Los rojos se ven más oscuros y pueden confundirse con verde o marrón.
• Deuteranopia: sin conos sensibles al verde, la forma más común. Los rojos y los verdes cuestan de distinguir.
• Tritanopia: sin conos sensibles al azul, poco frecuente. Se confunden los azules y los amarillos.
• Acromatopsia: daltonismo total, muy poco frecuente, todo se ve en tonos de gris. Es una prueba de estrés útil incluso más allá del daltonismo, porque también muestra cómo funciona un diseño impreso en blanco y negro.

Qué buscar

Comprueba que cualquier información que dependa solo del color, como una insignia de estado, la leyenda de un gráfico o un error de validación de un formulario, se sigue entendiendo en cada versión simulada, normalmente con ayuda de una forma, un icono, una etiqueta o un patrón además del color. El rojo y el verde juntos son la combinación que más problemas causa en la práctica, porque las deficiencias rojo-verde son mucho más comunes que las azul-amarillo.

Límites

Esto usa una aproximación matemática estándar de cómo cambian los colores en el daltonismo total, el mismo método que usan la mayoría de simuladores; no capta las deficiencias parciales, que son más comunes que las formas totales que se muestran aquí, y no puede sustituir las pruebas con personas reales cuando son posibles. La imagen se procesa por completo en tu navegador y nunca se sube. Para comprobar colores concretos contra los requisitos de contraste de WCAG, usa el comprobador de contraste.