Acessibilidade web: checklist essencial para o site da sua empresa
Os pontos que mais excluem usuários e que podem ser corrigidos sem refazer o design.
Um site acessível funciona para pessoas com deficiência visual, auditiva, motora ou cognitiva, e também para quem está em um celular sob sol forte ou com uma mão ocupada. Acessibilidade melhora a experiência de todos.
1. Estrutura semântica
Use os elementos HTML corretos: header, nav, main, footer, títulos em ordem lógica, listas para listas e botões para ações. Leitores de tela dependem dessa estrutura para navegar.
2. Texto alternativo em imagens
Imagens informativas precisam de descrição curta e objetiva. Imagens puramente decorativas devem ter alt vazio para serem ignoradas. Evite escrever “imagem de” no começo.
3. Contraste de cores
Texto normal precisa de contraste de pelo menos 4,5:1 com o fundo, e texto grande, de 3:1. Não use apenas a cor para transmitir informação, como indicar erro só com vermelho.
4. Navegação por teclado
Teste percorrer o site apenas com a tecla Tab:
- a ordem é lógica?
- o foco está sempre visível?
- menus e modais podem ser abertos e fechados pelo teclado?
- existe um link para pular direto ao conteúdo principal?
5. Formulários
Cada campo precisa de um rótulo associado, mensagens de erro claras e indicação do que é obrigatório. Evite apagar o que a pessoa digitou quando ocorre um erro.
6. Vídeo e áudio
Ofereça legendas e, quando possível, transcrição. Evite reprodução automática com som.
7. Movimento e tempo
Respeite a preferência por movimento reduzido e não coloque limites de tempo curtos em ações importantes sem aviso e opção de estender.
Como testar
- Rode uma auditoria automática, que encontra boa parte dos problemas de contraste e de rótulos.
- Navegue só com o teclado.
- Teste com um leitor de tela, como NVDA ou VoiceOver, ao menos nas páginas principais.
- Aumente o zoom do navegador para 200% e confira se nada quebra.
O custo-benefício
Corrigir acessibilidade desde o projeto custa pouco. Corrigir depois, em um site pronto, custa muito mais. Incluir esses requisitos na especificação inicial é a forma mais econômica de fazer certo.