¿Qué es Verificador de Contraste WCAG?

Un verificador de contraste de color WCAG que calcula la proporción de contraste entre los colores de primer plano y fondo, e indica si la combinación cumple con los estándares de accesibilidad WCAG 2.1 Nivel AA y AAA para texto normal y grande.

Cómo usar

1. Introduce o selecciona un color de primer plano (texto) y un color de fondo usando los selectores de color o los campos hexadecimales.
2. Consulta la proporción de contraste y los resultados de aprobado/reprobado para el cumplimiento de WCAG AA y AAA en texto normal, texto grande y componentes de interfaz.
3. Si el contraste no cumple, usa las sugerencias de ajuste de color para encontrar la combinación accesible más cercana.

Resultado

Un diseñador de interfaces comprueba su azul de marca #3B82F6 sobre blanco #FFFFFF: la proporción 4,5:1 supera el nivel AA para texto grande, pero no el AAA para texto normal. Oscurece el color a #2563EB (5,3:1) para aprobar ambos niveles.

Herramientas relacionadas