Simula diferentes tipos de daltonismo para probar la accesibilidad de sitios web e imágenes. Soporta 8 tipos de deficiencias de visión del color.
Características
- 8 tipos de daltonismo: Simula protanopia, deuteranopia, tritanopia, acromatopsia y más
- Carga de imagen: Sube imágenes para ver cómo aparecen a personas con deficiencias de visión del color
- Vista previa en tiempo real: Ve instantáneamente la visión simulada junto a la imagen original
- Prueba de accesibilidad: Prueba diseños para cumplimiento WCAG y accesibilidad de color
Guía de uso
- Paso 1: Sube una imagen o captura de pantalla del sitio web
- Paso 2: Selecciona un tipo de daltonismo para simular
- Paso 3: Compara las vistas originales y simuladas lado a lado
Detalles técnicos
Deficiencias de visión del color
El daltonismo afecta aproximadamente al 8% de los hombres y al 0,5% de las mujeres. Los tipos más comunes son protanopia (ciego al rojo), deuteranopia (ciego al verde) y tritanopia (ciego al azul). Estas condiciones resultan de células cónicas faltantes o defectuosas en la retina. La simulación del daltonismo utiliza matrices de transformación de color para aproximar cómo aparecen los colores a personas con diferentes deficiencias visuales. Esto ayuda a los diseñadores a crear interfaces accesibles que funcionan para todos los usuarios.
Transformación de color
La simulación del daltonismo aplica transformaciones matemáticas a los valores de color RGB. Cada tipo de daltonismo tiene una matriz de transformación específica que mapea colores de visión normal a la deficiencia simulada. La protanopia y la deuteranopia afectan la percepción rojo-verde, mientras que la tritanopia afecta la percepción azul-amarillo. La acromatopsia (daltonismo total) convierte todos los colores a escala de grises. Estas transformaciones ayudan a los diseñadores a entender cómo sus elecciones de color afectan a usuarios con deficiencias de visión del color.
Estándares de accesibilidad
WCAG (Pautas de Accesibilidad para el Contenido Web) recomienda probar diseños con simuladores de daltonismo. El color no debe ser el único medio de transmitir información. Las proporciones de contraste del texto deben cumplir con los estándares WCAG AA (4.5:1 para texto normal, 3:1 para texto grande). Probar con simuladores de daltonismo ayuda a asegurar que los diseños sean accesibles para usuarios con deficiencias de visión del color. Esto mejora la usabilidad y el cumplimiento de las regulaciones de accesibilidad.
Preguntas frecuentes
- Subir imagen
- Sube una captura de pantalla de tu sitio web, diseño UI o cualquier imagen que quieras probar para accesibilidad de color
- Seleccionar tipo
- Elige entre 8 tipos diferentes de daltonismo para ver cómo aparece tu diseño a usuarios con esa condición
- Comparar vistas
- Visualiza imágenes originales y simuladas lado a lado para identificar problemas de accesibilidad potenciales
Documentación relacionada
- WCAG 2.1 Guidelines - Pautas de Accesibilidad para el Contenido Web
- Tipos de daltonismo - Entender los diferentes tipos de deficiencias de visión del color
- WebAIM - Contraste de color - Verificador de contraste de color y pautas