Verifique o contraste onde está o texto
A harmonia e a legibilidade respondem a perguntas diferentes. Compare cada texto com a superfície imediatamente por trás.
Compreenda o rácio
A ferramenta lineariza sRGB e calcula Y = 0.2126R + 0.7152G + 0.0722B. O rácio é (Y mais clara + 0.05) / (Y mais escura + 0.05): de 1:1 para cores iguais até 21:1 para preto e branco.
Aplique o limiar adequado
AA exige 4,5:1 para texto normal e 3:1 para grande. Grande corresponde aproximadamente a 24 CSS px ou 18,67 CSS px a negrito. A decisão usa o valor sem arredondamento: um 4.50 apresentado pode falhar se o valor real for inferior a 4,5.
Verifique mais do que duas cores
Transparências, fotografias, gradientes, foco e estados desativados exigem outras verificações. A ferramenta aceita cores opacas. Cumprir o rácio não equivale a uma auditoria WCAG completa; o teclado e os rótulos também importam.