Qué es el daltonismo y cuáles son sus tipos
La retina tiene tres tipos de conos, las células responsables de la visión del color: los L, más sensibles a las longitudes de onda largas (rojos), los M, a las medias (verdes), y los S, a las cortas (azules). El cerebro compara las señales de estos tres canales para formar cada color. En el daltonismo, uno de los tipos de cono falta o tiene la sensibilidad desplazada, y algunos colores que otras personas distinguen pasan a parecer iguales.
En la mayoría de los casos la condición es hereditaria y está ligada al cromosoma X, por eso es mucho más frecuente en hombres. La tabla resume los tipos que reproduce el simulador:
| Tipo | Cono afectado | Colores que se confunden | Frecuencia |
|---|---|---|---|
| Protanopia | L (rojo) ausente | Rojo, verde, naranja y marrón; los rojos se ven más oscuros | Protán y deután, sumando formas completas y parciales, afectan a cerca del 8% de los hombres de ascendencia europea |
| Deuteranopia | M (verde) ausente | Rojo, verde, naranja y marrón, sin el oscurecimiento de los rojos | |
| Tritanopia | S (azul) ausente | Azul con verde, amarillo con rosa o violeta | Rara |
| Acromatopsia | Conos sin función | Todos: la visión es en escala de grises | Muy rara |
El llamado "daltonismo rojo-verde" abarca protanes y deutanes, que juntos suman la gran mayoría de los casos. Si solo tienes tiempo para una prueba, empieza por la deuteranopia y la protanopia.
Cómo funciona la simulación
El simulador aplica a cada píxel las matrices publicadas por Machado, Oliveira y Fernandes en 2009, un modelo fisiológico muy utilizado en investigación y en herramientas de accesibilidad. El cálculo se hace en RGB lineal: primero la herramienta deshace la corrección gamma del sRGB, luego multiplica los valores por la matriz del tipo elegido y por último vuelve a sRGB. Trabajar en espacio lineal es importante, porque aplicar la matriz directamente sobre los valores con gamma distorsiona el brillo de los colores.
La acromatopsia se trata de otra manera: cada píxel se convierte en su luminancia, que mide lo claro u oscuro que parece un color, y se muestra en gris. Es una forma útil de ver si tu diseño depende solo del matiz para separar elementos.
Hay dos modos:
- Imagen: sube una captura de pantalla, un gráfico o una foto y compara la original con la versión simulada. La opción de cuadrícula muestra los cuatro tipos a la vez, lo que agiliza la revisión.
- Paleta: introduce hasta 6 colores y mira cómo se ve cada uno en cada tipo. Es la forma más rápida de revisar la paleta de un gráfico antes de dibujarlo.
La imagen se procesa en tu navegador y no se envía a ningún servidor.
Limitaciones que debes conocer
La herramienta simula la severidad total, es decir, las dicromacias en las que falta un tipo de cono. Sin embargo, las anomalías parciales, como la deuteranomalía y la protanomalía, en las que el cono existe pero tiene la sensibilidad desplazada, son más comunes que las formas completas. Para esas personas los colores se vuelven menos distintos, no idénticos. Esto tiene una ventaja práctica: si el diseño funciona con la simulación completa, también funciona con las formas parciales, y por eso probar el peor caso es una buena estrategia.
Otras precauciones: la simulación supone un monitor sRGB típico, así que una pantalla mal calibrada cambia el resultado, y muestra una percepción media que no reproduce exactamente la experiencia de una persona concreta. Usa el simulador para encontrar problemas, no como garantía de accesibilidad.
Qué probar en tu proyecto
- Gráficos y dashboards: las líneas y porciones rojas y verdes suelen convertirse en dos tonos mostaza parecidos con protanopia y deuteranopia. Si la leyenda depende solo del color, el gráfico se vuelve ilegible.
- Mapas: las escalas del verde al rojo, habituales en mapas de calor y de riesgo, pierden su sentido. Las escalas que también cambian de luminosidad siguen siendo legibles.
- Estados de la interfaz: un borde rojo de error y uno verde de éxito pueden verse iguales. Prueba formularios, etiquetas de estado, notificaciones e indicadores de conectado y desconectado.
- Enlaces dentro del texto: si un enlace se distingue del texto solo por el color, comprueba que siga siendo visible. Un subrayado lo resuelve.
- Fotos de producto y variantes de color: en tiendas online, muestra el nombre del color junto a cada muestra.
Buenas prácticas de diseño para el daltonismo
- No dependas solo del color. El criterio 1.4.1 de las WCAG (Uso del color) exige que el color no sea el único medio para transmitir información. Añade texto, iconos, tramas de relleno, estilos de línea o marcadores distintos.
- Usa contraste de luminosidad. Dos colores con luminosidades muy diferentes siguen distinguiéndose incluso en escala de grises. Revisa tus pares en el comprobador de contraste; la guía de contraste y accesibilidad explica los umbrales de las WCAG.
- Prefiere combinaciones seguras. El azul y el naranja, como azul y naranja, se mantienen distintos en los tipos rojo-verde. Evita poner rojo y verde de luminosidad parecida uno junto al otro.
- Etiqueta directamente. En los gráficos, escribir el nombre de la serie al final de cada línea funciona mejor que una leyenda de colores aparte.
- Prueba pronto. Crea tu paleta en el generador de paletas y pega los colores en el modo paleta de esta herramienta antes de aplicarlos al diseño.
Para profundizar, lee la guía diseño accesible para personas daltónicas, con ejemplos de ajustes en gráficos e interfaces.