Comprobador de contraste WCAG
Elige un color de texto y un color de fondo para obtener la relacion de contraste y comprobar si cumple los umbrales WCAG AA y AAA para texto normal y grande. Todo se ejecuta en tu navegador.
El veloz murcielago hindu comia feliz cardillo
Ejemplo de texto pequeno a 16px.
Relacion de contraste: -
Que significan los niveles
WCAG define umbrales de contraste para que el texto siga siendo legible. AA es la base legal comun: 4.5:1 para texto normal, 3:1 para texto grande (18,66px negrita o 24px+). AAA es mas estricto: 7:1 y 4.5:1. El texto grande necesita menos contraste porque sus trazos mas gruesos se leen mejor.
La relacion se calcula con la formula de luminancia relativa de WCAG 2. Comprueba los dos colores introducidos; las paginas reales tambien deben probarse con el texto realmente renderizado.