Daltonismo

Subir imagen

+

Suelta una imagen aquí o haz clic para subirla

Tipo de visión del color

Dicromatismo (completo)

Tricromatismo anómalo (parcial)

Sin daltonismo – prevalencia: ~92 %

Comprobador de contraste WCAG

Texto de ejemplo
Texto de ejemplo

Contraste original

Cumple AA (todos)

Cumple AAA (todos)

Ver el contraste por tipo de daltonismo
TipoContrasteAAAAA

Comparación de muestras de color

Sobre el daltonismo

Dicromatismo (completo)

  • Protanopía: Faltan los conos rojos: el rojo se ve oscuro y se confunde con el verde y el marrón
  • Deuteranopía: Faltan los conos verdes: el más común, confusión entre rojo y verde
  • Tritanopía: Faltan los conos azules: poco frecuente, confusión entre azul y amarillo
  • Acromatopsia: Daltonismo total: solo se ven grises

Tricromatismo anómalo (parcial)

  • Protanomalía: Conos rojos desplazados: menor sensibilidad al rojo
  • Deuteranomalía: Conos verdes desplazados: la forma más común (~5 % de los hombres)
  • Tritanomalía: Conos azules desplazados: muy poco frecuente

Consejos de diseño accesible

  • No dependas solo del color para transmitir información
  • Añade patrones, formas o etiquetas además del color
  • Asegura un contraste suficiente entre los colores
  • Evita las combinaciones de rojo y verde en distinciones importantes
  • Prueba tus diseños con simuladores de daltonismo
  • WCAG AA exige un contraste de 4,5:1 en texto normal y 3:1 en texto grande
  • WCAG AAA exige un contraste de 7:1 en texto normal y 4,5:1 en texto grande