Verificador de contraste WCAG
Verifica las proporciones de contraste de color contra WCAG 2.1 AA y AAA.
Reportar un problema
¿Encontraste un error o tienes una sugerencia? Ayúdanos a mejorar esta herramienta.
¿Qué es esta herramienta?
El Verificador de contraste WCAG evalúa la relación de contraste entre los colores de primer plano y de fondo para el cumplimiento de accesibilidad. Compara contra los estándares WCAG 2.1/2.2 (niveles AA y AAA) para asegurar que el texto sea legible para todos los usuarios, incluidos aquellos con discapacidades visuales.
Cómo usar
- 1
Establecer color de primer plano
Elige o introduce el color del texto.
- 2
Establecer color de fondo
Elige o introduce el color de fondo.
- 3
Comprobar resultados
Ve la relación de contraste y el estado de aprobación/fallo de WCAG AA/AAA.
Preguntas frecuentes
¿Qué relación de contraste necesito?
El nivel AA de WCAG 2.1 exige 4,5:1 para texto normal y 3:1 para texto grande (18px+ normal o 14px+ en negrita). El nivel AAA exige 7:1 para texto normal y 4,5:1 para texto grande.
¿Por qué es importante el contraste de color?
Un contraste insuficiente dificulta la lectura del texto para usuarios con baja visión, daltonismo o en pantallas muy luminosas. Un buen contraste mejora la legibilidad para todos y garantiza el cumplimiento legal de accesibilidad.
¿Qué hago si el resultado parece incorrecto?
Comprueba tus valores de entrada dos veces. La herramienta usa fórmulas estándar, pero los casos límite pueden requerir verificación manual.