Criterios de Perceptible
PerceptiblePauta 1.4 Distinguible
1.4.3Contraste (mínimo)
Nivel AALo exige la normativa (EN 301 549).
Qué pide
El texto tiene un contraste de al menos 4,5:1 con su fondo (3:1 para texto grande).
A quién ayuda: Personas con baja visión y cualquiera que mire el móvil al sol.
Un caso real
Una web usa texto gris claro sobre fondo blanco.
BienTexto #595959 sobre blanco (7:1).
MalTexto #AAAAAA sobre blanco (2,3:1).
Cómo aplicarlo en código
Colores de texto con contraste suficiente
Texto normal: 4,5:1. Texto grande (24 px, o 18,66 px en negrita): 3:1. El texto de ejemplo (placeholder) también cuenta.
:root {
--texto: #16202e; /* sobre #ffffff: 16,4:1 */
--texto-suave: #4a5566; /* sobre #ffffff: 7,5:1 */
--placeholder: #6b7280; /* sobre #ffffff: 4,8:1 */
}.nota { color: #9ca3af; } /* sobre #ffffff: 2,5:1 */
input::placeholder { color: #ccc; }Cómo comprobarlo
Usa un analizador de contraste en textos, placeholders y textos sobre imágenes.