Falamos bastante sobre a LBI e o que a lei exige de um site. Mas existe uma pergunta mais prática: o que um leitor de tela realmente "ouve" quando alguém cego visita a sua página? A resposta explica por que tanto site tecnicamente "no ar" é, na prática, invisível pra parte do público.
Como o leitor de tela funciona, resumindo
Um leitor de tela (NVDA, JAWS, VoiceOver, TalkBack) lê o conteúdo da página em voz alta, na ordem em que ele existe no código, não na ordem visual da tela. Ele também anuncia a função de cada elemento: "botão", "link", "campo de texto", "cabeçalho nível 2". Se o código não informa isso direito, a pessoa ouve menos informação do que deveria.
Os problemas mais comuns que ele expõe
Imagem sem texto alternativo
Sem o atributo alt preenchido, o leitor de tela pula a imagem ou lê o nome do arquivo, tipo "imagem 237 ponto jpg". Se aquela imagem carregava informação importante, ela simplesmente some pra quem ouve.
✓ Toda imagem com função informativa precisa de um alt descrevendo o que ela mostra.Botão sem nome claro
Ícone de lupa sem texto, botão só com um "X", link "clique aqui" repetido dez vezes na mesma página: o leitor de tela anuncia "botão", mas não diz pra que ele serve.
✓ Todo botão e link precisa de um nome acessível que descreva a ação, não só a aparência.Hierarquia de títulos fora de ordem
Leitor de tela usa H1, H2, H3 como um índice de navegação, permitindo pular direto pra seção que interessa. Quando a hierarquia pula de H1 pra H4 sem motivo, ou títulos são usados só pelo tamanho da fonte, esse atalho quebra.
✓ Use a hierarquia de títulos pela estrutura do conteúdo, nunca só pelo visual.Formulário sem label associado ao campo
Se o rótulo "Nome" não está tecnicamente ligado ao campo de texto, o leitor de tela anuncia só "campo de texto vazio", sem dizer o que preencher ali.
✓ Todo campo de formulário precisa de um label conectado corretamente a ele no código.Teste rápido: instale o NVDA (gratuito) no Windows, feche os olhos e tente navegar pela home do seu site só ouvindo. Se você se perder ou não entender pra que serve um botão, um usuário real de leitor de tela também vai se perder.
Um site pode parecer perfeito visualmente e ainda ser praticamente ilegível pra quem não vê a tela. A diferença está inteira no código, não no design.
Nenhum desses ajustes exige mudar a identidade visual do site. É código bem feito por baixo do design, o mesmo raciocínio que já vale pra LGPD e pra LBI: acessibilidade real não é sobre abrir mão de estética, é sobre garantir que a estrutura por trás funciona pra todo mundo.
Perguntas frequentes
Preciso testar meu site com leitor de tela de verdade?
O ideal é sim, pelo menos uma vez. O NVDA é gratuito pra Windows e dá pra sentir na prática como uma pessoa cega navega pelo seu site.
Imagem sem texto alternativo (alt) é grave?
É um dos problemas mais comuns. Sem o alt, o leitor de tela simplesmente pula a imagem ou lê o nome do arquivo, tipo "imagem 237 ponto jpg".
Título de página e ordem de cabeçalhos importam mesmo?
Sim. O leitor de tela usa a hierarquia de títulos (H1, H2, H3) pra montar um índice de navegação. Sem essa estrutura, a pessoa precisa ouvir a página inteira pra achar o que procura.