Verificador de contraste
Elige un color de texto y un color de fondo y mira el ratio de contraste WCAG exacto, además de si pasa AA o AAA.
Vista previa de texto grande (18pt+)
Vista previa de texto normal, el tamaño que usa la mayoría del cuerpo de texto.
Qué significan las insignias
WCAG 2.1 exige un ratio de 4.5:1 para texto normal y 3:1 para texto grande (18pt+, o negrita de 14pt+) para cumplir AA. AAA es más estricto: 7:1 para texto normal, 4.5:1 para texto grande.
Preguntas frecuentes
¿Cuál es la diferencia entre AA y AAA?
AA es el nivel base al que apuntan la mayoría de los sitios: 4.5:1 para texto normal, 3:1 para texto grande (18pt o más, o negrita de 14pt o más). AAA es más estricto, pensado para contenido dirigido a usuarios con baja visión: 7:1 normal, 4.5:1 grande.
¿Esto comprueba imágenes o solo colores planos?
Solo dos colores sólidos, texto sobre un fondo. Para texto sobre una foto o un degradado, comprueba el contraste contra las zonas más oscuras y más claras sobre las que podría colocarse.
¿Es la misma fórmula que usan los navegadores y las auditorías?
Sí. Es la fórmula estándar de luminancia relativa y ratio de contraste de WCAG 2.1, la misma que usan Lighthouse y axe.