Condición visual
Visión normal
Base de referencia
Referencia de visión sin alteraciones. Contraste pleno, colores correctos y nitidez óptima.
Impacto en interfaces:
- Sin restricciones de contraste
- Todos los colores accesibles
- Texto fino legible
Vista simulada
Así verías esta interfaz de ejemplo con visión normal:
Calculadora de IRPF 2025
Calcula tu retención fiscal en segundos. Datos oficiales AEAT.
4.750 €
Los datos mostrados son orientativos. Consulte con un asesor fiscal. Más información
Claves para diseñar con accesibilidad visual
- Contraste mínimo WCAG AA: 4,5:1 para texto normal, 3:1 para texto grande
- No uses solo el color para transmitir información (añade iconos o texto)
- Tamaño mínimo recomendado: 16px para cuerpo de texto
- Evita fondos blancos puros (#FFF) para usuarios con cataratas
- Coloca notificaciones importantes en el centro, no solo en esquinas
Guía de condiciones visuales y accesibilidad
Todo lo que necesitas saber para diseñar interfaces accesibles
Comparativa de condiciones
| Condición | Prevalencia | Principal dificultad | Solución en diseño |
|---|---|---|---|
| Cataratas | 17% +40 años | Visión turbia y amarilla | Alto contraste, evitar blanco puro |
| Miopía severa | 30% algún grado | Borrosidad a distancia | Texto grande, interlineado amplio |
| Glaucoma | 2% +40 años | Pérdida visión periférica | UI centrada, notificaciones centrales |
| D. macular | 8% +60 años | Punto ciego central | Información redundante en periférico |
| Daltonismo | 8% hombres | Confusión rojo/verde | No depender solo del color |
Casos de uso de este simulador
- Diseñadores UX/UI: Validar paletas de color antes de entregar
- Desarrolladores front-end: Comprobar contraste de componentes
- Product managers: Defender la accesibilidad ante el equipo
- Formadores: Mostrar a estudiantes el impacto real de las decisiones de diseño
Preguntas frecuentes
¿Es una simulación médicamente precisa?
No. Es una aproximación visual para diseñadores. Las condiciones reales son más complejas y variables entre personas. No uses este simulador para fines diagnósticos.
¿Qué estándar de accesibilidad debo seguir?
WCAG 2.1 nivel AA es el mínimo legal en España (Real Decreto 1112/2018). Apuntar a AAA en apps de uso público beneficia a más usuarios.
¿Cómo comprobar el contraste de mis colores?
Usa la calculadora de contraste de meskeIA o herramientas como el color picker de DevTools de Chrome, que muestra el ratio WCAG en tiempo real.
¿El daltonismo afecta igual a hombres y mujeres?
No. El daltonismo rojo-verde (protanopia/deuteranopia) afecta al ~8% de hombres y solo al ~0,5% de mujeres, al estar ligado al cromosoma X.
Pasos para una auditoría de accesibilidad visual
- Comprueba el ratio de contraste de todos los textos (objetivo: ≥4,5:1)
- Simula tu interfaz con protanopia y deuteranopia
- Verifica que los estados (éxito/error) no dependen solo del color
- Prueba con zoom al 200% (texto no debe desbordarse)
- Revisa que las notificaciones importantes no están solo en esquinas