Acessibilidade em sites: um checklist prático para não perder clientes

Acessibilidade em sites costuma ser tratada como um item opcional, algo para "resolver depois". Na prática, um site pouco acessível exclui uma parte real do público — pessoas com deficiência visual, motora ou cognitiva — e, em muitos países, pode gerar risco legal para a empresa. A boa notícia é que boa parte dos ajustes é simples de implementar.

Itens básicos que fazem diferença

• Texto alternativo em imagens: toda imagem relevante precisa de uma descrição (alt) para quem usa leitor de tela.
• Contraste de cores adequado: texto claro sobre fundo claro, ou escuro sobre escuro, dificulta a leitura para muita gente, não só para quem tem baixa visão.
• Navegação por teclado: um usuário deve conseguir navegar pelo site inteiro usando apenas o teclado, sem depender do mouse.
• Tamanho de fonte e espaçamento legíveis: textos pequenos demais ou muito espremidos prejudicam a leitura em qualquer dispositivo.
• Formulários com rótulos claros: cada campo precisa de uma etiqueta associada corretamente, para que leitores de tela consigam identificar o que está sendo pedido.
• Vídeos com legenda: conteúdo em vídeo sem legenda exclui pessoas com deficiência auditiva e também quem simplesmente assiste sem som.

Erros comuns que passam despercebidos

Um erro frequente é usar apenas cor para indicar informação importante — por exemplo, marcar um campo obrigatório só de vermelho, sem nenhum texto ou símbolo adicional. Outro é usar botões e links sem texto descritivo, como vários "clique aqui" na mesma página, o que confunde quem navega por leitor de tela.

Elementos interativos pequenos demais — botões e links que exigem precisão de clique — também são um problema comum, especialmente em dispositivos móveis, e afetam não só pessoas com limitação motora, mas qualquer usuário andando ou usando o celular com uma mão só.

Como priorizar quando o tempo é curto

1. Rode uma auditoria automática de acessibilidade (existem ferramentas gratuitas) para identificar os problemas mais críticos primeiro.
2. Corrija contraste de cores e textos alternativos de imagem — são ajustes rápidos com grande impacto.
3. Teste a navegação do site usando só o teclado, do início ao fim.
4. Revise formulários, que costumam concentrar os maiores problemas de acessibilidade em sites comerciais — os mesmos pontos que afetam a geração de leads por formulário quando o campo confunde ou trava quem está preenchendo.
5. Peça para alguém de fora da equipe testar o site sem instruções prévias — problemas de usabilidade costumam ficar invisíveis para quem já conhece o site de cor.

Como fazer um teste manual em 15 minutos

Ferramentas automáticas não percebem tudo, e um teste manual simples já revela muita coisa. Comece pelo teclado: abra a página inicial, guarde o mouse e navegue só com a tecla Tab. Observe se dá para ver claramente qual elemento está selecionado a cada passo, se a ordem de navegação faz sentido e se é possível abrir o menu, preencher um formulário e enviar sem ficar preso em algum ponto.

Depois, ative o leitor de tela que já vem no sistema — o Narrador no Windows, o VoiceOver no Mac e no iPhone, o TalkBack no Android — e ouça a página. Imagens sem descrição, botões anunciados só como "botão" e títulos fora de ordem ficam evidentes em poucos minutos. Por fim, aumente o zoom do navegador para 200% e confira se o conteúdo continua legível, sem textos cortados nem rolagem horizontal.

O que a lei já exige em muitos lugares

Em diversos países, incluindo o Brasil, já existem exigências legais de acessibilidade digital para sites comerciais e institucionais, especialmente os que oferecem serviços ao público em geral. Ignorar esses requisitos não é só um risco de imagem — é um risco jurídico real, que vem crescendo junto com a digitalização dos serviços.

Vale lembrar que essas exigências tendem a evoluir com o tempo, então tratar acessibilidade como um projeto pontual, feito uma vez e esquecido, não é suficiente — é preciso revisar periodicamente conforme o site ganha novas páginas e funcionalidades, da mesma forma que o restante do checklist de lançamento também precisa de revisão contínua depois que o site vai ao ar.

Checklist por tipo de deficiência atendida

Grupo de usuários	O que mais ajuda	Como verificar
Pessoas cegas ou com baixa visão	Textos alternativos nas imagens, títulos bem estruturados, compatibilidade com leitores de tela	Navegar com um leitor de tela gratuito, como o NVDA ou o leitor do celular
Pessoas com baixa visão	Contraste adequado entre texto e fundo, possibilidade de ampliar sem quebrar o layout	Usar um verificador de contraste e ampliar a página para 200%
Pessoas com deficiência motora	Navegação completa pelo teclado, áreas de clique maiores	Percorrer o site apenas com a tecla Tab
Pessoas surdas ou com deficiência auditiva	Legendas e transcrições em vídeos	Assistir aos vídeos sem som
Pessoas com deficiências cognitivas	Linguagem clara, layout previsível, mensagens de erro explicativas	Pedir a alguém de fora para completar uma tarefa no site

Referências de contraste

As diretrizes internacionais de acessibilidade (WCAG) recomendam contrastes mínimos entre texto e fundo:

Tipo de texto	Contraste mínimo (nível AA)	Contraste recomendado (nível AAA)
Texto normal	4,5:1	7:1
Texto grande (a partir de cerca de 24 px, ou 18,5 px em negrito)	3:1	4,5:1
Ícones e elementos de interface	3:1	Não se aplica

Problemas comuns e como resolver

Problema	Como resolver
Botões que são só ícones, sem texto	Adicionar um rótulo acessível descrevendo a ação do botão
Formulários sem rótulos visíveis	Usar rótulos permanentes em vez de depender apenas do texto de exemplo no campo
Foco do teclado invisível	Manter ou criar um contorno visível nos elementos focados
Carrosséis que passam sozinhos	Oferecer controles para pausar e navegar manualmente

Perguntas frequentes

Acessibilidade ajuda no SEO? Indiretamente, sim. Boas práticas de acessibilidade, como títulos bem estruturados, textos alternativos nas imagens e links descritivos, também ajudam os buscadores a entender o conteúdo. O principal benefício, porém, é permitir que mais pessoas consigam usar o site.

Um site acessível fica mais caro ou mais lento de desenvolver? Quando pensado desde o início do projeto, o custo extra é pequeno. Corrigir depois, em um site já pronto, costuma exigir mais trabalho — por isso vale incluir acessibilidade nos requisitos desde o começo.

Existe alguma forma rápida de saber se meu site tem problemas graves? Ferramentas automáticas de auditoria identificam boa parte dos problemas técnicos em minutos, mas não substituem um teste manual de navegação por teclado e leitor de tela para pegar problemas de usabilidade real.

Plugins de acessibilidade resolvem o problema de uma vez? Não. Widgets que adicionam botões de contraste ou aumento de fonte podem ajudar alguns usuários, mas não corrigem a estrutura do site: imagens sem descrição, formulários sem rótulo e navegação que trava no teclado continuam lá. O ajuste precisa ser feito no próprio código.

Acessibilidade também é conversão. Um site mais acessível tende a ser também um site mais claro e mais fácil de usar para todo mundo — não só para quem tem alguma limitação. Investir nesses ajustes não é só uma questão de conformidade: é ampliar o público que consegue, de fato, comprar ou entrar em contato pelo seu site.