Verificador de Contraste WCAG
Privacidad por diseño — se ejecuta completamente en tu navegador
Elige texto y fondo y obtén la razón de contraste WCAG, junto a las insignias AA/AAA para texto normal, texto grande y componentes de UI.
¿Qué razón se considera aprobada
WCAG AA requiere 4,5:1 para texto normal y 3:1 para texto grande (≥18 px regular o ≥14 px en negrita). AAA endurece a 7:1 y 4,5:1 respectivamente.
¿Qué es la regla 3:1 de componentes de UI
El criterio 1.4.11 de WCAG 2.1 exige contraste 3:1 para íconos, bordes de campo y otras partes no textuales que comuniquen información. La insignia de esta herramienta cubre ese caso.
¿Y los colores semitransparentes
Sí, cuando el valor llega como rgba y el fondo es sólido; para varias capas translúcidas conviene aplanar antes. La herramienta avisa si el parser no entiende el valor.
Preguntas frecuentes
- ¿Qué razón se considera aprobada?
- WCAG AA requiere 4,5:1 para texto normal y 3:1 para texto grande (≥18 px regular o ≥14 px en negrita). AAA endurece a 7:1 y 4,5:1 respectivamente.
- ¿Qué es la regla 3:1 de componentes de UI?
- El criterio 1.4.11 de WCAG 2.1 exige contraste 3:1 para íconos, bordes de campo y otras partes no textuales que comuniquen información. La insignia de esta herramienta cubre ese caso.
- ¿Y los colores semitransparentes?
- Sí, cuando el valor llega como rgba y el fondo es sólido; para varias capas translúcidas conviene aplanar antes. La herramienta avisa si el parser no entiende el valor.
- ¿Se sube algo?
- No. La matemática es una pequeña función en esta página; los colores nunca salen del navegador.