Respuesta corta: un simulador de daltonismo muestra tu página como podría verla una persona daltónica. Chrome trae uno: abre DevTools, ve a la pestaña Rendering y elige protanopia, deuteranopia, tritanopia o acromatopsia. Después comprueba que nada de la página depende solo del color, empezando por los enlaces y los errores de los formularios.
Quién ve los colores de otra forma
El Instituto Nacional del Ojo dice que aproximadamente 1 de cada 12 hombres son daltónicos, y que los hombres corren un riesgo mucho mayor que las mujeres. El tipo más común dificulta distinguir el rojo del verde.
La mayoría de las personas daltónicas nacen así. El W3C añade que las personas con visión parcial suelen ver poco los colores, y que muchas personas mayores no los ven bien.
Cómo simular el daltonismo en Chrome
| Simulación | Qué muestra | Qué revisar |
|---|---|---|
| Protanopia | Sin rojo: poca percepción del rojo; se confunden verdes, rojos y amarillos | Estados de error en rojo y de éxito en verde |
| Deuteranopia | Sin verde: poca percepción del verde; se confunden verdes, rojos y amarillos | Gráficos y etiquetas que oponen rojo y verde |
| Tritanopia | Sin azul: poca percepción del azul; se confunden verdes y azules | Enlaces y botones azules junto a verdes |
| Acromatopsia | Sin color: ausencia parcial o total de la visión del color | Todo lo que solo se distingue por el color |
Las simulaciones y lo que muestran vienen de Chrome for Developers, consultado el 5 de noviembre de 2026.
La lista de Chrome también incluye visión borrosa y contraste reducido. Nuestra guía del contraste de color explica cómo medir el contraste.
Qué piden las WCAG
El criterio 1.4.1, de nivel A, pide que el color no sea el único medio visual para transmitir información, indicar una acción, pedir una respuesta o distinguir un elemento.
El W3C aclara un detalle sobre los enlaces. Un enlace con el mismo estilo que el texto de alrededor no incumple este criterio, porque ningún color lo distingue, pero tampoco nadie ve que es un enlace. Un subrayado lo resuelve.
Dónde da problemas el color solo
Los enlaces que se distinguen del texto solo por el color son el caso más común. Los errores de un formulario marcados solo con un borde rojo son otro; nuestra guía de validación de formularios explica cómo ponerlos con texto.
Los gráficos que usan rojo y verde para resultados opuestos, los puntos de estado y los campos obligatorios marcados solo con color fallan igual. Por la misma regla, no dependas solo del color para estados como el foco del teclado; nuestra guía del indicador de foco lo explica.
Cómo revisar tu web para personas daltónicas
- Abre tu página en Chrome, después DevTools, y ve a la pestaña Rendering.
- En Emulate vision deficiencies, elige protanopia y mira toda la página.
- Repite con deuteranopia, tritanopia y acromatopsia.
- Comprueba que los enlaces dentro del texto van subrayados, no solo de color.
- Comprueba que los errores, avisos y mensajes de éxito llevan palabras o iconos.
- Comprueba que los gráficos y las etiquetas de estado tienen texto, tramas o formas además del color.
- Prueba el tema claro y el oscuro si tu web tiene los dos.
Qué encontramos en nuestra web
El 5 de noviembre de 2026 revisamos si nuestras páginas transmiten algo solo con el color. Lo miramos en dos guías y en la página de contacto, en inglés y en español. Todos los enlaces dentro de un párrafo iban subrayados, en el tema claro y en el oscuro, en computadora y en teléfono. Los únicos enlaces sin subrayar eran los índices de capítulos, que funcionan como un menú.
Había un enlace fácil de pasar por alto: el correo de nuestra página de contacto tenía el mismo color que el texto de alrededor y ningún subrayado, así que nada indicaba que era un enlace. Lo subrayamos esa misma noche. También revisamos una guía, la página de inicio y la de contacto con las cuatro simulaciones de color de Chrome.
Antes de publicar
- Los enlaces dentro de los párrafos van subrayados.
- Los mensajes de error y de éxito están escritos.
- Los campos obligatorios se marcan con texto o un símbolo, no solo con color.
- Los gráficos llevan etiquetas o tramas, no solo colores.
- La página sigue teniendo sentido con la simulación de acromatopsia de Chrome.
- Las comprobaciones se cumplen en los dos temas.
RecuerdaEl color puede añadir significado, pero no llevarlo solo. Cada señal de color necesita al lado una palabra, una forma o un subrayado.
Las webs que funcionan para todas las visitas son parte de nuestro servicio de diseño web.
Respuestas rápidas sobre el daltonismo y tu web
¿Qué es un simulador de daltonismo?
Una herramienta que muestra una página o una imagen como podría verla una persona con daltonismo. Chrome DevTools trae uno en la pestaña Rendering, con opciones como protanopia, deuteranopia, tritanopia y acromatopsia.
¿Qué tan común es el daltonismo?
El Instituto Nacional del Ojo dice que aproximadamente 1 de cada 12 hombres son daltónicos, y que los hombres corren un riesgo mucho mayor que las mujeres. El tipo más común dificulta distinguir el rojo del verde.
¿Qué dicen las WCAG sobre el color?
El criterio 1.4.1, de nivel A, pide que el color no sea el único medio visual para transmitir información, indicar una acción, pedir una respuesta o distinguir un elemento. Añade texto, un icono o un patrón.
¿Hay que subrayar los enlaces por las personas daltónicas?
Subrayar los enlaces dentro del texto es la forma más sencilla de no depender solo del color. Si los enlaces se distinguen del texto solo por el color, quien no ve esa diferencia no sabe qué palabras son enlaces.
¿Cómo hago una paleta apta para daltónicos?
Que el significado no dependa de distinguir el rojo del verde, la confusión más común. Acompaña cada color con una etiqueta, un icono o un patrón, y revisa el resultado con las simulaciones de Chrome.
Fuentes
Consultadas el 5 de noviembre de 2026. Instituto Nacional del Ojo: Daltonismo. Chrome for Developers: Aplica otros efectos: habilita el tema oscuro automático, emula el enfoque y mucho más. En inglés: Instituto Nacional del Ojo, Types of Color Vision Deficiency; Iniciativa de Accesibilidad Web del W3C, Understanding SC 1.4.1 Use of Color (Level A). Nuestro caso: nuestras propias páginas, leídas en un navegador el 5 de noviembre de 2026.