Verificador de Contraste
Comprueba el cumplimiento WCAG AA y AAA para cualquier combinación de colores de texto y fondo.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
¿Qué es el cumplimiento de contraste WCAG?
WCAG define ratios de contraste mínimos entre el texto y su fondo para garantizar la legibilidad para personas con baja visión o daltonismo. El nivel AA requiere al menos 4,5:1 para texto normal y 3:1 para texto grande. El nivel AAA es el estándar mejorado con 7:1 y 4,5:1.
AA o AAA - ¿cuál debes alcanzar?
AA es el mínimo legal para la mayoría de regulaciones de accesibilidad (EN 301 549 en Europa, Section 508 en EEUU). AAA es el estándar de oro. La mayoría de equipos apuntan a AA para todo el texto y AAA para el cuerpo de texto cuando es posible.
¿Qué cuenta como "texto grande"?
WCAG define texto grande como 18pt (24px) o más en peso normal, o 14pt (18,67px) o más en negrita. El texto grande se beneficia de un ratio de contraste más permisivo (3:1 para AA) porque el tamaño mismo favorece la legibilidad.
Cómo usar esta herramienta
Elige el color del texto y del fondo con los selectores de color o escribe códigos hexadecimales. El ratio de contraste se actualiza al instante y las cuatro verificaciones WCAG muestran Aprobado o Reprobado en tiempo real. Usa el botón Intercambiar para invertir los colores.