Protanopia, deuteranopia, tritanopia: diseñar para el daltonismo

El daltonismo se presenta en tres tipos principales, uno por cada clase de cono del ojo: protanopia (ausencia de los conos de onda larga, los conos “rojos”), deuteranopia (ausencia de los conos medios, los “verdes”) y tritanopia (ausencia de los conos cortos, los “azules”). La protanopia y la deuteranopia colapsan ambas el eje rojo–verde y juntas conforman el daltonismo rojo–verde, el más común; la tritanopia colapsa el eje azul–amarillo y es poco frecuente. Diseñar para las tres se apoya en un solo movimiento: separar el significado por luminosidad, porque la luminosidad es el único canal que sobrevive a todos los tipos.

Alguna forma de deficiencia de visión del color (DVC) afecta aproximadamente al 8 % de los hombres y a alrededor del 0,5 % de las mujeres, así que cualquier producto con una audiencia real tiene usuarios afectados ahora mismo. Este artículo trata de la comprensión: qué es cada tipo y qué experimenta realmente. La rutina de comprobación paso a paso —simular, encontrar los pares que colapsan, confirmar el arreglo— vive en nuestra guía de contraste y su complemento sobre escalas de color; aquí trabajamos desde la fisiología hasta las reglas de diseño que implica.

¿Cuáles son los tres tipos, por clase de cono?

La visión humana del color usa tres tipos de conos, cada uno más sensible a una banda de longitudes de onda: larga (L), media (M) y corta (S). El color es la lectura que hace el cerebro de con qué intensidad responden los tres. Elimina o debilita uno y todo un eje de esa comparación se apaga.

• Protanopia — ausencia de conos L. El extremo rojo del espectro se atenúa y los rojos se deslizan hacia el verde. Un rasgo distintivo: los rojos también se ven más oscuros que para la visión típica, porque los conos que faltan eran los que captaban gran parte del brillo del rojo.
• Deuteranopia — ausencia de conos M. La dicromacia más común. El rojo y el verde colapsan hacia un marrón amarillento compartido, con menos del oscurecimiento que reportan las personas con protanopia.
• Tritanopia — ausencia de conos S. En cambio, colapsa el eje azul–amarillo; los azules se desvían hacia el verde y los amarillos hacia el rosa o el gris. Es poco frecuente —muy por debajo del 1 %— y, a diferencia de las formas rojo–verde, afecta a hombres y mujeres en proporciones similares.

Sin embargo, la mayoría de las DVC no son la “-opia” completa. Las tricromacias anómalas —protanomalía, deuteranomalía, tritanomalía— son casos en los que un cono está desplazado en lugar de ausente, lo que debilita un eje en vez de eliminarlo. En conjunto, estas formas más leves son en realidad más comunes que las dicromacias completas; las dicromacias son el extremo fuerte del mismo espectro y el objetivo de diseño estándar, porque una paleta que aguanta para ellas también aguanta para las formas más leves.

¿Qué ven realmente las personas con daltonismo?

Gris no. Este es el malentendido que conviene corregir de frente: las formas más comunes de daltonismo no vuelven el mundo monocromo. La DVC rojo–verde preserva la luminosidad a la perfección y deja intacto todo el eje azul–amarillo: quien tiene daltonismo rojo–verde ve un cielo azul vívido, un sol amarillo y toda la gama de claro a oscuro exactamente igual que cualquiera. Lo que colapsa es un eje de distinción de tono, no el color en sí.

Esa es toda la clave de diseño en una frase: ciertos pares de tonos se fusionan en un solo tono, mientras que la luminosidad y el eje que sobrevive siguen siendo fiables. El mundo no se vuelve gris; aparece un conjunto específico de confusiones.

¿Qué pares de paleta colapsan en cada tipo?

Con protanopia y deuteranopia, cualquier cosa separada solo a lo largo del eje rojo–verde:

• los colores de estado verde-de-éxito frente a rojo-de-error, el fallo clásico;
• los gráficos divergentes de rojo a verde (el colapso pasa justo por el punto medio neutro);
• azul frente a púrpura (el púrpura es azul más rojo, y el componente rojo se desvanece);
• oliva frente a naranja, marrón frente a verde.

Con tritanopia, cualquier cosa separada solo a lo largo del eje azul–amarillo:

• azul frente a verde (ambos se desvían hacia el verde azulado);
• verde azulado frente a gris;
• amarillo frente a rosa.

¿Cómo se jerarquizan las estrategias de diseño?

Tres estrategias, en orden de cuánto aportan:

1. Separa primero por luminosidad. Un color claro y un color oscuro siguen siendo claro y oscuro en todos los tipos de DVC, y en escala de grises completa, la versión más dura de la misma prueba. Si dos significados difieren en luminosidad, la diferencia sobrevive sin importar qué cono falte. Esta es la misma prueba de supervivencia en escala de grises en la que se apoya el lado de escalas de color del hub.
2. Añade después un canal redundante. Un icono, una etiqueta de texto, una forma, una posición. Una vez que el significado viaja sobre dos canales, perder el canal del color ya no hace perder el significado: es el principio que WCAG formula como no depender nunca solo del color.
3. Elige tonos robustos en tercer lugar. Un eje azul frente a naranja se recomienda a menudo como el par de tonos más resistente a la DVC, ya que sobrevive bien al colapso rojo–verde. Pero la selección de tonos escala peor de las tres: puede rescatar dos colores, no un gráfico de seis series en los tres tipos a la vez.

¿Cómo se ve un trío de estados bajo simulación?

Toma un conjunto convencional de éxito/advertencia/error y léelo bajo cada simulación. (Las simulaciones se calculan con las matrices de Machado —un modelo de investigación estándar— y las acompaña una advertencia: las matrices aproximan la dicromacia típica de cada tipo, y las personas varían, así que una simulación señala un riesgo en lugar de certificar cómo lo ve cada individuo.)

Lee la columna de luminosidad. La advertencia sobrevive: sigue siendo claramente la más clara de las tres bajo deuteranopia, así que todavía se distingue. Pero el éxito y el error, que se veían muy distintos (verde frente a rojo), convergen en un oliva casi idéntico: sus tonos se fusionan y sus luminosidades quedan a menos de ≈0,03 una de otra. Para una persona con daltonismo, un punto de estado en esta paleta apenas transmite información.

El arreglo sigue la jerarquía. Separa el éxito y el error por luminosidad —sube el verde un paso, baja el rojo un paso— y, aunque los tonos sigan convergiendo, un punto es ahora claramente claro y el otro claramente oscuro. Añade un icono (una marca de verificación frente a una cruz) y el significado sobrevive incluso a una impresión en blanco y negro.

Abre este trío bajo las tres simulaciones en Scale Composer — el selector de Visión vuelve a renderizar cada rol a través de protanopia, deuteranopia y tritanopia, y puedes ver cómo el éxito y el error marchan hacia el mismo oliva mientras la advertencia se mantiene aparte.

¿De dónde viene la fisiología?

Si quieres el relato completo —la biología de los conos, las formas anómalas, las cifras de prevalencia desglosadas por ascendencia y sexo—, el resumen sobre el daltonismo en Wikipedia es un punto de partida bien documentado. Para el trabajo de diseño, las tres clases de conos y la única regla que implican —la luminosidad sobrevive, el tono puede que no— cargan con casi todo el peso práctico.

¿Cómo se arregla una paleta que falla?

Localiza el par que colapsa y sepáralo. Carga el trío de estados y separa el éxito del error por luminosidad — colócalos a un paso de luminosidad claro entre sí, cambia Visión a deuteranopia y observa cómo el par que se fusionó hace un momento sigue siendo legible como uno-claro-uno-oscuro. Hazlo una vez en tu propia paleta y la regla deja de ser un punto de una lista de verificación y se convierte en un reflejo: el significado va en el canal que sobrevive.