Me interesa mucho este tema. No solo por mi trabajo, también es personal. Mi papá es daltónico, y desde chica aprendí lo que eso significa en lo cotidiano. Colores que se confunden, señales que no se entienden del todo, interfaces que frustran. Por eso, cuando diseño, siempre me pregunto: ¿esto lo podría usar bien mi papá? Esa pregunta es mi guía. Porque diseñar con empatía no es un extra, es el punto de partida.
Daltonismo: más común de lo que parece
El daltonismo afecta al 8% de los hombres y al 0,5% de las mujeres. Y no, no es ver en blanco y negro. Las formas más comunes incluyen:
- Deuteranopía: dificultad para distinguir verdes.
- Protanopía: dificultad con los rojos.
- Tritanopía: problemas con azules y amarillos (menos común).
Diseñar sin contemplar estas variantes puede hacer que una experiencia simple se vuelva frustrante o incluso inaccesible.
Tips para un diseño amigable con el daltonismo
1. No te apoyes solo en el color.
Si el botón verde es “aceptar”, sumale un ícono o un texto. Los errores en un formulario no deberían marcarse solo en rojo: agregá un mensaje claro.
2. Usá texturas, íconos o formas.
Herramientas como Trello lo hacen muy bien: aplican patrones a las etiquetas de colores para que sean reconocibles más allá del color.
3. Contraste, por favor.
Un buen contraste mejora la legibilidad para todos. Según lo que indica la serie de WCAG (Web Content Accessibility Guidelines por sus siglas en inglés), es necesario:
- 4.5:1 mínimo para texto normal.
- 3:1 para texto grande.
4. Dejá que el usuario elija.
Si tu producto permite personalizar el esquema de colores (como hace Slack), estás haciendo las cosas bien.
¿Dónde aplicar estas prácticas?
Básicamente, en todo lo que tenga una interfaz:
- Webs: con CSS y modos accesibles.
- Apps móviles: ajustándose a las preferencias del sistema.
- Herramientas como Asana o Notion: íconos y etiquetas claras.
- Gráficos y mapas: usá texturas o formas.
- Juegos y apps educativas: no hagas que todo dependa del color del equipo.
Herramientas útiles para diseñadores
- Stark (para Figma, Sketch, XD): simula tipos de daltonismo.
- Color Oracle: muestra cómo se ve una pantalla con daltonismo.
- Coblis: simulador gratuito online.
- ColorBrewer: genera paletas accesibles para visualizaciones.
Diseñar con empatía es diseñar bien
Pensar en las personas con daltonismo no es un detalle menor. Es parte de diseñar con responsabilidad. No se trata de hacer “algo especial”, se trata de hacer las cosas bien para todos. Porque cuando tu producto es más accesible, es también más claro, más usable y más querido.
Y sí, si funciona para mi papá, es muy probable que funcione para todos.
Diseñemos con eso en mente. Siempre.
