Contraste del texto: comprueba la pareja y su contexto
Un color de texto no aprueba por sí solo. El que funciona sobre blanco puede ser difícil de leer en oscuro: empieza por la pareja de colores realmente usada.
Identifica el texto antes de elegir el umbral
WCAG 2.2 AA exige al menos 4.5:1 para texto normal y 3:1 para texto grande. Grande depende del tamaño y peso, no simplemente de ser un encabezado HTML.
El criterio considera grandes 18pt normales o 14pt en negrita bajo sus condiciones. Un encabezado pequeño no obtiene automáticamente el umbral más bajo.
Referencias: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)
El redondeo puede ocultar un incumplimiento
No redondees hacia arriba antes de decidir. Una relación inferior a 4.5 no supera 4.5 solo porque se muestre con menos decimales.
Deja margen cuando sea posible y revisa la fuente y tamaño reales. Trazos finos y fondos variables pueden necesitar atención que no resuelve comparar dos códigos de color.
Referencias: W3C WAI — Understanding WCAG 2.2 Contrast (Minimum)
Una comprobación de color no certifica la página
La herramienta evalúa primer plano y fondo opacos en sRGB. No obtiene el fondo de una fotografía, resuelve degradados ni combina capas transparentes por ti.
Aprobar esa pareja no demuestra acceso por teclado, alternativas de imágenes ni otros requisitos. Si el fondo cambia entre claro y oscuro, prueba cada pareja real.
Ejemplo: un gris cerca del límite
#000000 sobre #FFFFFF da 21:1. #777777 sobre blanco da aproximadamente 4.478:1: falla AA para texto normal, aunque supera 3:1 para texto grande si cumple su definición.
Oscurecer a #767676 sube a cerca de 4.542:1 y supera AA normal para esa pareja. Es una mejora concreta, no certificación de que toda la página funcione para todas las personas.