Verificador de contraste de color (WCAG)

Acerca de esta calculadora

Esta herramienta calcula la relación de contraste WCAG entre un color de primer plano y uno de fondo, un valor que va de 1:1 (colores idénticos, sin contraste) hasta 21:1 (negro puro sobre blanco puro), calculado a partir de la luminancia relativa de cada color. Después comprueba esa relación frente a los umbrales oficiales de accesibilidad AA y AAA — habitualmente 4,5:1 para texto normal y 3:1 para texto grande en nivel AA, con mínimos más estrictos en AAA — para indicar si una combinación concreta de texto y fondo es realmente lo bastante legible como para cumplir los estándares de accesibilidad.

La utilizan diseñadores web y desarrolladores front-end para revisar una paleta de colores antes de publicarla, ya que el texto de bajo contraste es una de las quejas de accesibilidad más comunes y puede incumplir requisitos legales de accesibilidad en algunas jurisdicciones. Los auditores de accesibilidad también usan este mismo cálculo al revisar un sitio web o una aplicación para verificar el cumplimiento de las WCAG, y los sistemas de diseño suelen incorporar directamente pares de colores que superan el nivel AA en sus bibliotecas de componentes para evitar el problema por completo.