Confira as cores que aparecem juntas
Informe a cor HEX do texto e outra cor para o fundo. A ferramenta converte os canais sRGB em luminância relativa e calcula o contraste entre a cor mais clara e a mais escura. A razão vai de 1:1 para duas cores iguais até 21:1 para preto sobre branco. O número é mais confiável do que julgar apenas pelos nomes das cores, pois tons diferentes podem ter luminância muito parecida. A prévia apresenta o par escolhido como texto sobre um fundo real. Teste as cores que efetivamente aparecem no mesmo ponto da página: gradiente, sobreposição e camada translúcida podem alterar a cor visível atrás das letras. Quando houver transparência, determine primeiro a cor composta e avalie esse resultado opaco. Inverter texto e fundo conserva a razão numérica.
Interprete os limites AA e AAA
Para texto comum, as WCAG 2.2 exigem contraste mínimo de 4,5:1 no nível AA. Texto grande que atenda às condições apropriadas pode usar o limite de 3:1. Os alvos mais exigentes do nível AAA são 7:1 e 4,5:1, respectivamente. A calculadora mostra quatro respostas separadas; uma combinação pode passar para texto grande AA e falhar para parágrafos normais. Escolha a regra pelo tamanho e peso da fonte realmente exibidos, não pelo nome do estilo. Por exemplo, azul-escuro #1A365D sobre branco #FFFFFF produz aproximadamente 12,14:1 e passa nos quatro limites apresentados. Ao clarear a cor da frente, observe em que ponto os indicadores mudam de resultado.
Use a medida durante a revisão visual
Comece pelo corpo do texto, que normalmente precisa atingir o limite mais rigoroso para letras de tamanho comum. Verifique depois títulos, rótulos de formulário, navegação, links e texto dentro dos botões em seus estados reais. Registre o par exato de cores testado para repetir a avaliação após alterações no tema. A prévia ajuda a comparar paletas, e o resultado numérico evita depender apenas de preferência estética. Componentes sem texto obedecem a outro critério WCAG. Passar nas verificações de texto não certifica ícones, bordas, foco visível nem a página completa. O tamanho e o peso finais da fonte determinam se a exceção de texto grande é aplicável. Uma avaliação completa também examina uso por teclado, ampliação e outros requisitos.
Evite erros de medição
Não compare o texto com branco só porque a área geral da página é branca, se a frase estiver dentro de um cartão colorido. Teste a superfície diretamente atrás das letras. Também não arredonde a razão para cima antes de conferir um limite: a ferramenta usa o valor integral e abrevia a exibição depois. Um resultado exibido como 4,50:1 perto do limite pede atenção aos códigos exatos e à aparência implementada. A fórmula WCAG usa os valores sRGB definidos, ainda que monitor ou captura de tela pareçam diferentes. Revise sobreposições e mudanças de estado no site final. Se o par não passar, ajuste a cor do texto, do fundo ou ambas e teste novamente. Aumentar o tamanho da fonte sem cumprir a definição de texto grande pode levar à conclusão errada.