Comprobador de contraste WCAG
Comprueba la relación de contraste entre colores de primer plano y fondo.
Acerca de esta herramienta
Mide el contraste entre colores de texto y fondo según las directrices WCAG para que el texto de la UI sea legible para más usuarios. Incluye vista previa en vivo e indicadores de aprobación AA/AAA.
Qué obtienes
- Relación de contraste con vista previa de texto en vivo
- Aprobación/reprobación WCAG AA y AAA para texto normal y grande
- Entradas hex con recálculo instantáneo
Cómo usar
Elige o pega colores de primer plano y fondo y lee la relación y el resultado WCAG.
FAQ
¿Cuál es el requisito de relación de contraste WCAG?
Texto normal necesita al menos 4.5:1 para AA y 7:1 para AAA; texto grande tiene umbrales más bajos. El comprobador muestra pass/fail por nivel.
¿Cómo compruebo si un color de texto cumple accesibilidad?
Introduce colores hex de primer plano y fondo y lee la relación de contraste con vista previa de texto en vivo.
¿Cuál es la diferencia entre WCAG AA y AAA?
AAA apunta a contraste más estricto para máxima legibilidad; AA es la línea base legal y de diseño habitual en la mayoría de interfaces.
¿Qué relación de contraste necesita texto pequeño?
Texto de cuerpo por debajo de ~18 pt regular (o 14 pt bold) debe cumplir la relación AA de texto normal de 4.5:1.
Al usar esta herramienta aceptas nuestros Términos de uso y la Política de privacidad. Los resultados se ofrecen tal cual, sin garantía.