O que é Leitor de Tela?
Leitor de Tela, também chamado de screen reader, é o programa que lê em voz alta o que existe na tela do computador ou do celular. O software percorre o código da página e anuncia títulos, links, botões, imagens e campos de formulário, permitindo que a pessoa navegue pelo áudio ou por uma linha braile.
O leitor de tela não enxerga o desenho da página. O programa interpreta o código HTML e a árvore de acessibilidade que o navegador monta a partir dele. Um botão que “parece” botão mas foi construído como uma div qualquer costuma ser anunciado como texto solto, sem função.
Existem opções em cada sistema operacional. NVDA e JAWS rodam no Windows, o VoiceOver vem embutido no macOS e no iOS, o TalkBack acompanha o Android e o Orca aparece em distribuições Linux. Cada um interpreta o código com pequenas diferenças, o que torna o teste em mais de um ambiente uma prática comum.
Como funciona na prática?
A navegação acontece por atalhos de teclado ou gestos. A pessoa pula de título em título para entender a estrutura da página, lista todos os links e entra no modo de leitura contínua quando quer ouvir um texto inteiro. Por isso, uma hierarquia correta de títulos vale mais do que qualquer efeito visual.
Do lado do código, quatro decisões pesam. HTML semântico: usar botão, link, lista e cabeçalho de verdade. Texto alternativo: descrever a imagem de forma útil, e marcar como decorativa a que não carrega informação. Rótulos de formulário: cada campo associado ao seu texto. Estados: informar quando algo abre, fecha, carrega ou dá erro.
Exemplos de uso
- Um cliente cego usa NVDA para comprar em um e-commerce. Se as fotos de produto tiverem apenas “IMG_2043” como alternativa, ele não sabe o que está no carrinho.
- Um servidor com baixa visão usa VoiceOver para acessar um portal de serviços. Como os campos do formulário têm rótulos associados, o leitor anuncia “CPF, campo de edição” e ele preenche sem ajuda.
Erros comuns
- Colocar texto alternativo genérico, como “imagem” ou o nome do arquivo, em fotos que carregam informação.
- Construir botões e menus com divs, sem função nem estado que o leitor consiga anunciar.
- Criar títulos por tamanho de fonte em vez de usar a hierarquia de cabeçalhos do HTML.
- Publicar conteúdo novo no CMS sem preencher os campos de descrição de imagem.
Perguntas frequentes sobre Leitor de Tela
Como testar meu site com leitor de tela?
Ative o leitor já instalado no seu sistema, como VoiceOver no Mac ou Narrador no Windows, ou instale um gratuito como o NVDA. Depois, feche os olhos ou desligue o monitor e tente concluir uma tarefa real: encontrar um telefone, enviar um formulário, finalizar uma compra. As barreiras aparecem nos primeiros minutos.
Leitor de tela é a mesma coisa que audiodescrição?
São recursos diferentes. O leitor de tela é um software que a pessoa instala e usa para navegar por qualquer interface. A audiodescrição é uma faixa de narração produzida para um vídeo específico, que descreve o que acontece na imagem. Um site pode precisar dos dois.
Um plugin de acessibilidade resolve o problema do leitor de tela?
Plugins que sobrepõem uma camada ao site não corrigem a estrutura do código que o leitor de tela interpreta. Textos alternativos ausentes, botões sem função e formulários sem rótulo continuam ausentes na árvore de acessibilidade. A correção acontece no HTML, no design e no conteúdo da página.