Acessibilidade: preparar textos e gráficos

2 min de leitura
Pode ser que os seus visitantes tenham dificuldade em diferenciar o texto do background nas páginas de seu site. Para aumentar a acessibilidade para pessoas com deficiência visual, nós recomendamos:
  • Configurar o contraste de cores de texto e background para 4.5:1 para textos normais e 3:1 para textos maiores.
  • Raio de contraste de pelo menos 3:1 para componentes gráficos e de interface (como margem de formulários, variantes, etc).
  • Nível AAA exige um raio de contraste de pelo menos 7:1 para textos normais e 4.5:1 para textos maiores.
Observação:
Um texto grande é definido como acima de 14 pontos (aproximadamente 18 px) e negrito ou 18 pontos (aproximadamente 24 px).
Testando contrastes de cores
Existe uma série de sites e plug-ins de navegadores, como o Contrast Checker, que testam o contraste das cores comparando a cor do texto com a cor do background (utilizando os códigos das cores). Para verificar o contraste da cor do texto sobre uma imagem de background, recomendamos o uso do Colour Contrast Analyser, que permite escolher a cor do background e testar.
Exibindo gráficos ou dados no seu site?
O alto contraste de cores é uma ótima maneira de exibir dados em seu site. No entanto, também recomendamos o uso de outros indicadores (como texturas e padrões) para diferenciar as informações.
Próximo passo:
Volte para a Lista de verificação de acessibilidade para continuar melhorando seu site para acessibilidade.

Esse artigo foi útil?

|