Verificador de contraste de color
Comprueba el contraste de color WCAG entre dos colores hex — aprobado/fallido para los niveles AA y AAA.
Verifica la accesibilidad del contraste de color WCAG
Introduce un color de primer plano y un color de fondo en formato hex y la relación de contraste se calcula al instante usando la fórmula de luminancia relativa de WCAG 2.1. La herramienta muestra aprobado o fallido para los cuatro puntos de verificación de accesibilidad: AA y AAA tanto para texto normal como para texto grande o componentes de interfaz. Usa los selectores de color para selección visual, o escribe los valores directamente.
WCAG define tres niveles de conformidad. El nivel AA es el requisito estándar para la mayoría de sitios web y exige una relación de al menos 4.5:1 para texto normal y 3:1 para texto grande (18pt o 14pt en negrita). El nivel AAA es el estándar mejorado, que requiere 7:1 y 4.5:1 respectivamente. La relación máxima posible es 21:1, lograda con negro sobre blanco.
Preguntas frecuentes
¿Qué cuenta como texto grande? WCAG define el texto grande como mínimo 18pt (24px) de peso regular, o 14pt (aproximadamente 18.67px) en negrita.
¿Se admite la transparencia alfa? No. La herramienta trabaja con colores hex totalmente opacos. Para colores semitransparentes, compón el color sobre el fondo primero.