ComercialWeb

Verificador de Contraste (WCAG)

Por que usar um Verificador de Contraste?

Contraste adequado melhora a legibilidade, a acessibilidade e a experiência de todos, especialmente pessoas com baixa visão ou em ambientes com muita luz.

Como funciona?

O cálculo segue a WCAG 2.1: luminância relativa das cores em sRGB com correção gama e razão (Lmais+0,05)/(Lmenos+0,05).

  1. Informe a cor do texto e a cor de fundo (HEX)
  2. Escolha o tipo de texto (normal ou grande)
  3. Veja a razão e o nível (AA/AAA) e, se necessário, aplique as sugestões

O processamento é local, sem envio de dados para servidores.

FAQ — Verificador de Contraste

Quais são os limites para AA e AAA?

Texto normal: AA ≥ 4,5:1 e AAA ≥ 7:1. Texto grande: AA ≥ 3:1 e AAA ≥ 4,5:1.

Como escolher entre clarear/escurecer?

Depende da cor de fundo. Em fundos claros, escurecer o texto tende a resolver mais rápido; em fundos escuros, clarear o texto é mais eficaz.

Posso usar RGB ou HSL?

Informe em HEX (#RRGGBB) e use o seletor de cor nativo; futuramente podemos ampliar para outros formatos.

Veja também