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 face ao respetivo fundo e marca as que não cumprem 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 subscrição.

O QUE FAZ
A extensão lê a renderização de cada elemento, incluindo transparência e opacidade, e compara o rácio com o nível escolhido. Os resultados aparecem num pequeno painel que pode ficar em qualquer lado. Etiquetas sobre uma fotografia ou gradiente são listadas para revisão, e o conta-gotas permite recolher o fundo real do ecrã.

COMO FUNCIONA
1. Clique no ícone da barra de ferramentas e prima Analisar esta página, ou use Alt+Shift+K.
2. Cada elemento que falha recebe uma moldura vermelha com o seu rácio. Clique num resultado e salte diretamente até ele, com os dois tons, o tamanho de letra e o seletor.
3. Corrija no seu código e analise novamente.

GRÁTIS
• Analise qualquer página em AA e AAA, com a regra de texto grande aplicada automaticamente.
• Veja todos os problemas assinalados no local, 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 pode alterar.

PRO ($6.99, VITALÍCIO)
• Exporte os resultados como ficheiro CSV ou relatório HTML independente.
• Obtenha o tom de texto ou de fundo mais próximo que passa.
• Veja a pontuação de luminosidade APCA (Lc) ao lado de cada rácio.
• Verifique os tons de hover e foco de ligações 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. Abrange uma parte das diretrizes e não é uma avaliação de conformidade.

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