Verificador Contraste WCAG Gratis

Verifique a relacao de contraste de cores para conformidade WCAG 2.0 AA e AAA. 100% no navegador.

Relacao de Contraste
18.83:1
Previa

A rapida raposa salta sobre o cao preguicoso

WCAG AA
Texto NormalOK
Texto GrandeOK
WCAG AAA
Texto NormalOK
Texto GrandeOK

Como Funciona

Verifica a relacao de contraste entre cores de primeiro plano e fundo para conformidade WCAG 2.0. Testa AA e AAA para texto normal e grande.

Quando Usar

  • Verificar que as cores de texto cumpram WCAG antes do lancamento.
  • Testar legibilidade em diferentes tamanhos — os padroes diferem para texto normal e grande.
  • Construir design systems acessiveis com pares de cores pre-verificados.

Perguntas Frequentes

Qual e a relacao minima?

WCAG AA requer 4.5:1 para texto normal e 3:1 para grande. AAA requer 7:1 e 4.5:1. A ferramenta verifica ambos.

Por que o tamanho da fonte importa?

Texto maior e mais legivel, requer menos contraste. Texto de 18px+ normal ou 14px+ negrito e "texto grande".

Se as cores da marca nao passam?

Escureca ou clareie ligeiramente uma cor. Use combinacoes que nao passam apenas para elementos decorativos. Tente a funcao trocar.

Crie sites acessiveis com AgencyOS
Descubra SOLO SARA — O assistente AI WhatsApp para freelancers a €9,90/mes

Todos os calculos ocorrem no seu navegador. Nenhum dado e enviado a servidores.