PureTools

Contraste de Cores: Guia de Acessibilidade WCAG

PureTools Team· 7 min de leitura
Contraste de Cores: Guia de Acessibilidade WCAG

Contraste de Cores e Acessibilidade

Cerca de 8% dos homens têm alguma forma de deficiência na visão de cores. Some pessoas com baixa visão, olhos envelhecendo, ou usando o celular no sol — e seu texto cinza claro em fundo branco é invisível para uma parcela significativa dos usuários.

Ratios de Contraste WCAG

AA: 4.5:1 para texto normal, 3:1 para texto grande. AAA: 7:1 e 4.5:1. AA é o mínimo legal em muitas jurisdições.

Falhas Comuns

#999 em #fff = 2.85:1 (falha AA). #ff6600 em #fff = 3.14:1 (falha para texto normal). Solução: escureça o texto ou clareie o fundo.

Ferramentas

Chrome DevTools tem checker embutido. Mas verifique contraste na fase de design, não depois do desenvolvimento.

Verifique agora: Verificador de Contraste — resultados WCAG AA/AAA instantâneos.