Contraste de color: qué revisar más allá del texto

El contraste afecta a la lectura, pero también a reconocer controles, errores, foco y estados de una interfaz.

No revises solo el color del texto

El contraste insuficiente aparece en enlaces discretos, botones desactivados, mensajes de error, iconos y bordes de campos. Comprueba los estados reales, no solo el diseño estático.

Checklist de contraste

Convierte estas comprobaciones en una tarea repetible para diseño, contenido y desarrollo.

Texto normal y pequeño sobre cada fondo real.
Enlaces distinguibles sin depender solo del color.
Foco visible en botones, enlaces y campos.
Errores y avisos reconocibles con texto o icono adicional.
Gráficos con etiquetas o patrones además del color.

Siguiente paso

Añade combinaciones aprobadas al sistema de diseño para evitar que el problema vuelva a cada componente.