Verificador de contraste WCAG
Escolha uma cor de texto e uma cor de fundo para obter o racio de contraste e verificar se passa os limiares WCAG AA e AAA para texto normal e grande. Tudo corre no seu navegador.
Um pequeno jabuti xereta viu dez cegonhas felizes
Exemplo de texto pequeno a 16px.
Racio de contraste: -
O que significam os niveis
WCAG define limiares de contraste para que o texto continue legivel. AA e a base legal comum: 4.5:1 para texto normal, 3:1 para texto grande (18,66px negrito ou 24px+). AAA e mais rigoroso: 7:1 e 4.5:1. O texto grande precisa de menos contraste porque os tracos mais espessos leem-se melhor.
O racio e calculado com a formula de luminancia relativa do WCAG 2. Verifica as duas cores introduzidas; as paginas reais devem tambem ser testadas com o texto realmente apresentado.