Verificador de contraste de cor (WCAG)

Como se comproba o contraste de cor?

Como usalo

  1. Introduce os teus valores nos campos de arriba.
  2. Preme «Calcular» para ver o resultado ao instante.
  3. Usa o botón «Compartir» para copiar unha ligazón ao teu resultado.

Sobre esta calculadora

Esta ferramenta calcula a relación de contraste WCAG entre unha cor de primeiro plano e unha cor de fondo, un valor que vai desde 1:1 (cores idénticas, sen contraste) ata 21:1 (negro puro sobre branco puro), calculado a partir da luminancia relativa de cada cor. A continuación comproba esa relación fronte aos limiares oficiais de accesibilidade AA e AAA —4,5:1 para AA e 7:1 para AAA (o estándar tamén permite un limiar máis baixo de 3:1 para texto grande, que esta ferramenta non aplica)— para dicir se unha combinación concreta de texto e fondo é realmente lexible dabondo como para cumprir os estándares de accesibilidade.

Úsana deseñadores web e desenvolvedores front-end que comproban unha paleta de cores antes de publicala, xa que o texto de baixo contraste é unha das queixas de accesibilidade máis comúns e pode incumprir requisitos legais de accesibilidade nalgunhas xurisdicións. Os auditores de accesibilidade tamén usan este mesmo cálculo ao revisar un sitio web ou unha aplicación para a conformidade coa WCAG, e os sistemas de deseño adoitan incorporar directamente parellas de cores que aproban AA nas súas bibliotecas de compoñentes para evitar o problema por completo.

Was this helpful?

Podes escoller ata 3 reaccións.

Comments (0)

  • Be the first to comment.

Calculadoras populares

Todas as calculadoras