Verificador de contraste WCAG
Texto normal (16 px)
Texto grande (24 px a negrito)
The quick brown fox jumps over the lazy dog
Rácio de contraste
17.06:1
Excelente
Conformidade com as WCAG
Perguntas frequentes
O que convém saber sobre acessibilidade e contraste WCAG
O que é o contraste WCAG?
As WCAG (Web Content Accessibility Guidelines) definem quanto contraste um texto precisa para ser legível por pessoas com limitações visuais. O contraste é o rácio entre a luminância da cor mais clara e a mais escura, e vai de 1:1 (nenhum contraste) a 21:1 (branco sobre preto).
Qual é o rácio de contraste mínimo exigido?
As WCAG 2.1 de nível AA exigem 4,5:1 para texto normal e 3:1 para texto grande (≥18 pt ou ≥14 pt a negrito) e elementos de interface. O nível AAA exige 7:1 para texto normal e 4,5:1 para texto grande.
Como melhorar o contraste?
Escurecer o texto, usando preto ou cinzento escuro em vez de cinzento claro; clarear ou escurecer o fundo; evitar cores com luminosidade parecida. Ferramentas como esta ou as de programador do navegador mostram os pontos problemáticos.
Que rácio de contraste exigem as WCAG?
O nível AA pede 4,5:1 em texto normal e 3:1 em texto grande e elementos de interface. O nível AAA sobe para 7:1 em texto normal e 4,5:1 em texto grande.
Como se calcula o rácio de contraste entre duas cores?
Sai da luminância relativa das duas cores: a luminância mais clara mais 0,05, a dividir pela mais escura mais 0,05. Os valores vão de 1:1 a 21:1, que é preto sobre branco.
Quando é que as WCAG consideram um texto grande?
As WCAG contam o texto como grande a partir de 18 pt, ou a partir de 14 pt se for a negrito. O texto grande precisa apenas de 3:1 no nível AA, contra os 4,5:1 pedidos ao texto normal.