Contrast Checker – WCAG 2.2 AA & AAA

Encontre as palavras de uma página que são difíceis de ler. O Contrast Checker mede todas as cores de texto visíveis em relação ao fundo e marca as que não atingem o nível AA ou AAA do WCAG 2.2. Grátis: análises ilimitadas, marcações e a verificação de duas cores, sem conta. Pro: $6.99 uma vez, sem assinatura.

O QUE FAZ
A extensão lê a renderização de cada elemento, incluindo transparência e opacidade, e compara a razão com o nível que você escolher. Os resultados aparecem num pequeno painel que pode ficar em qualquer lado. Rótulos sobre uma foto ou gradiente são listados para revisão, e o conta-gotas permite capturar o fundo real da tela.

COMO FUNCIONA
1. Clique no ícone da barra de ferramentas e em Analisar esta página, ou use Alt+Shift+K.
2. Cada elemento que falha recebe uma moldura vermelha com a sua razão. Clique num resultado e vá direto até ele, com os dois tons, o tamanho da fonte e o seletor.
3. Corrija no seu código e analise de novo.

GRÁTIS
• Analise qualquer página em AA e AAA, com a regra de texto grande aplicada automaticamente.
• Veja todos os problemas destacados no lugar, numa lista ordenada do pior ao melhor.
• Compare duas cores por valor hex, seletor de cor ou conta-gotas.
• Inicie e pare com um atalho de teclado que você pode alterar.

PRO ($6.99, VITALÍCIO)
• Exporte os resultados como arquivo CSV ou relatório HTML independente.
• Receba o tom de texto ou de fundo mais próximo que passa.
• Veja a pontuação de luminosidade APCA (Lc) ao lado de cada razão.
• Verifique os tons de hover e foco de links e botões a partir dos estilos da página.

BOM SABER
Esta é uma ajuda de teste dos critérios de sucesso 1.4.3 e 1.4.6. Ela cobre uma parte das diretrizes e não é uma avaliação de conformidade.

PRIVACIDADE
Tudo funciona no seu navegador. A extensão lê apenas a aba que você analisa, e só depois que você a inicia. O único dado armazenado é o endereço de email informado na compra do Pro, usado na verificação da sua compra.