Color Contrast Checker — WCAG AA/AAA Accessibility Tool
Verificador de contraste
Aa
Visual Hierarchy
The quick brown fox jumps over the lazy dog. Legibility is critical for universal accessibility and rigorous design systems.
Tokens de diseño
Primer plano
#
Fondo
#
Contraste5.5:1:1
Texto normalAA PASS
AA
AAA
Texto grandeAA PASS
AA
AAA
Preguntas frecuentes
¿Qué es el contraste de color WCAG?
Las Pautas de Accesibilidad para el Contenido Web (WCAG) exigen una relación de contraste mínima de 4.5:1 para texto normal y 3:1 para texto grande, para garantizar que el contenido sea legible para usuarios con discapacidades visuales.
¿Cuál es la diferencia entre AA y AAA?
El nivel AA es el requisito legal estándar para la mayoría del contenido web (relación 4.5:1). El nivel AAA es el estándar de accesibilidad más alto, que exige una relación más estricta de 7:1 para máxima legibilidad.
¿Cómo soluciono una relación de contraste insuficiente?
Puede oscurecer el color de primer plano sobre un fondo claro, o aclararlo sobre un fondo oscuro. Nuestra herramienta Smart Fix calcula automáticamente el color accesible más cercano.