Acessibilidade: como funcionam os leitores de tela

Esse post faz parte do Mês da Acessibilidade aqui no Blog de AI: uma série de artigos sobre construir experiências que sejam acessíveis a mais usuários, e em novos contextos de uso. A ideia é encorajar mais designers a lerem, discutirem e promoverem Acessibilidade em suas empresas, comunidades e entre amigos.

Já escrevemos por aqui sobre Acessibilidade, sua importância e os primeiros passos para quem está interessado em desenhar um site ou app que seja acessível a mais usuários.

Mas como as pessoas que possuem algum tipo de deficiência navegam pela web ou interagem com produtos e serviços digitais hoje em dia?

Conheça os leitores de tela

Leitores de tela são softwares usados para obter resposta do computador por meio sonoro, usado principalmente por deficientes visuais. O programa vai percorrendo textos e imagens e lendo em voz alta tudo o que ele encontra na tela, assim como as operações que o usuário realiza com as teclas alfanuméricas e os comandos digitados.

Dá uma olhada no vídeo abaixo que mostra o que são os leitores de tela e exemplos de pessoas que os utilizam:

Como funciona a navegação?

A navegação por leitores de tela funciona essencialmente de três maneiras:

1. Lendo toda a página (navegação com as setas).

2. Lendo os links (navegação com a tecla Tab).

3. Lendo os cabeçalhos (navegação com a tecla h).

A partir desses três comandos principais, o usuário consegue se guiar pela estrutura da página enquanto vai acompanhando a fala humana emitida pelo software ao ler seu conteúdo.

Por isso mesmo é importante que tanto o design quanto o código estejam prontos para receber o usuário que navega utilizando leitores de tela. Um simples cabeçalho quebrado ou mal implementado pode fazer com que o usuário se perca na página e tenha dificuldades em entender como a informação está organizada hierarquicamente.

Quais são os softwares mais comuns?

• Jaws: leitor de tela pago para Windows
• Virtual Vision: leitor de tela pago para Windows
• NVDA: leitor de tela gratuito para Windows
• Window-Eyes: software pago para Windows
• Orca: leitor de tela gratuito para Linux
• VoiceOver: Leitor de tela para IOS que acompanha os dispositivos da Apple

E nos smartphones, como funciona?

Em algumas de nossas pesquisas para escrever o conteúdo dessa série, acabamos esbarrando no excelente Blog da Cega — um site escrito por Marah Pirovani esclarecendo muitas dúvidas comuns sobre o tema Acessibilidade.

Dá uma olhada nesse passo-a-passo que mostra como ela usa o VoiceOver para navegar em seu iPhone:

Nos próximos artigos começaremos a dar dicas mais práticas sobre como a Acessibilidade afeta o design. Quais são as melhores práticas na hora de desenhar interfaces acessíveis? Quais pontos devo levar em conta? Qual o impacto das cores? Como desenhar formulários acessíveis?

Continue acompanhando e até o próximo post :)