Comprobador de contraste WCAG
Relación de contraste WCAG 2.1 entre un color de primer plano y uno de fondo, con resultado de aprobado / no aprobado en los umbrales de accesibilidad estándar.
Texto de muestraEl veloz murciélago hindú comía feliz cardillo y kiwi.
Relación de contraste17.40:1
✓ AA GrandeTexto 18pt+ o 14pt+ en negrita≥ 3.0:1
✓ AATexto normal de menos de 18pt≥ 4.5:1
✓ AAA GrandeTexto grande, contraste mejorado≥ 4.5:1
✓ AAATexto normal, contraste mejorado≥ 7.0:1
¿Qué es una relación de contraste?
La relación de contraste WCAG 2.x mide la diferencia de luminancia relativa entre dos colores — esencialmente, cuánto más brillante es uno que el otro teniendo en cuenta la percepción humana del brillo en los canales RGB (el verde aporta más, el azul menos). Las relaciones van de 1:1 (idénticos) a 21:1 (negro puro sobre blanco puro).
Umbrales WCAG
- 3:1 (AA Grande) — mínimo para texto de 18pt o más, o 14pt o más en negrita.
- 4.5:1 (AA) — mínimo para texto normal de menos de 18pt. El umbral más citado.
- 7:1 (AAA) — contraste mejorado para texto normal. Aspiracional; requerido solo en contextos gubernamentales y de alta accesibilidad.
Los componentes de UI y los objetos gráficos (iconos, bordes de formulario) requieren una relación mínima de 3:1 frente a colores adyacentes según WCAG 2.1 SC 1.4.11.