O que você vai aprender
Como navegar em sites com NVDA da mesma forma que usuários de leitores de tela.
Os atalhos mais poderosos do NVDA para testar com mais rapidez e confiança.
Como a navegação com leitor de tela revela barreiras de acessibilidade ocultas.
No primeiro post desta série, Cody Care, Engenheiro de Acessibilidade na EBSCO Information Services, explicou o que é um leitor de tela e por que ele é essencial. Agora, vamos dar o próximo passo: aprender a navegar de forma eficaz com o NVDA.
Se você está testando ativamente ou simplesmente quer entender melhor como usuários cegos interagem com conteúdos digitais, este guia oferece insights práticos sobre os comandos de teclado que permitem uma navegação eficiente.
Por que a navegação é importante
Leitores de tela não apenas leem texto; eles também oferecem uma forma estruturada de navegar pelo conteúdo. Usuários videntes conseguem escanear visualmente uma página em segundos. Já usuários de leitores de tela navegam de forma intencional, passando de elemento em elemento usando comandos de teclado.
Para testadores de acessibilidade, compreender esse processo é fundamental. Quando a navegação é ineficiente, confusa ou desestruturada, é aí que geralmente surgem as barreiras de acessibilidade.
A perspectiva do leitor de tela
A web é vasta — quase infinita — e, para usuários cegos como eu, compreendê-la não significa ver tudo de uma vez. Trata-se de explorá-la aos poucos, por meio da estrutura que o desenvolvedor construiu.
Gosto de pensar em cada site como um bairro e cada página como uma casa. Cada uma é construída, pintada e mobiliada de forma diferente, mas, em sua essência, seguem a mesma ideia: cômodos, seções e os elementos dentro deles.
Landmarks = Os cômodos da casa
Uma página pode incluir um cabeçalho, uma região de navegação, uma área de conteúdo principal ou um rodapé. Esses marcos não apenas organizam a página; eles me ajudam a entender onde estou.
Mover-se pelos landmarks com a tecla D é como caminhar da entrada para a sala e depois para a cozinha. Mesmo que eu nunca tenha estado “dentro” da casa antes, consigo me orientar rapidamente ao percorrer seus principais espaços.
Headings = Os móveis dentro de cada cômodo
Uma vez dentro de um cômodo, preciso saber o que há ali. Os headings funcionam como os objetos grandes e importantes que ajudam na orientação — o sofá, a mesa, a TV. Eles me dizem sobre o que é aquela seção.
Usando a tecla H, posso saltar entre seções principais e decidir onde quero focar minha atenção. As teclas numéricas de 1 a 6 permitem navegar por nível de heading, revelando se o conteúdo está corretamente estruturado.
Elementos interativos = As coisas que você pode usar
Links, botões, caixas de seleção e campos de edição são como maçanetas, interruptores e gavetas da casa. Eles permitem abrir, enviar, revelar ou digitar.
O NVDA oferece atalhos de uma única tecla para ir diretamente a esses elementos. Quando estão corretamente codificados, a navegação é eficiente e fluida. Quando não estão, a experiência se torna frustrante — como tropeçar em um corredor escuro cheio de peças de Lego no chão.
Entender como os usuários “se movimentam pela casa” ajuda a tornar a web mais utilizável e acolhedora.
Teclas básicas de navegação
Essas teclas permitem navegar por texto e elementos interativos:
- Tab: Avança entre elementos interativos (botões, links, menus, campos de formulário).
- Shift + Tab: Retrocede entre elementos interativos.
- Setas para cima/baixo: Move linha por linha.
- Setas esquerda/direita: Move caractere por caractere, incluindo pontuação e espaços.
- Control + setas esquerda/direita: Move palavra por palavra.
- Control + setas para cima/baixo: Move por parágrafo.
Teclas de navegação por letras
Cada elemento em uma página possui um papel que o NVDA interpreta e anuncia. Os usuários também podem navegar diretamente por esses papéis. Esses atalhos aumentam significativamente a eficiência dos testes.
- Shift + [tecla]: Move para trás pelo elemento especificado
- E: Campos de edição
- R: Botões de opção (radio)
- T: Tabelas
- D: Landmarks/regiões
- F: Campos de formulário
- G: Gráficos/imagens
- H: Headings
- 1–6: Headings por nível
- K: Links
- U: Links não visitados
- V: Links visitados
- L: Listas
- I: Itens de lista
- X: Caixas de seleção
- C: Caixas de combinação (combo boxes)
- B: Botões
Comandos úteis
- Tecla NVDA + 1: Inicia o modo de ajuda de entrada para praticar comandos. Pressione novamente para sair.
- Tecla NVDA + N: Abre o menu do NVDA.
- Tecla NVDA + Tab: Anuncia o elemento atualmente em foco.
- Tecla NVDA + F7: Abre a Lista de Elementos para navegar por links, headings, campos de formulário, botões e landmarks em um só lugar.
Speech Viewer
Se você prefere ver o que o NVDA está anunciando em vez de ouvir, ative o Speech Viewer. Essa ferramenta exibe a saída do leitor de tela em texto simples, que pode ser copiado e colado para documentação ou relatórios.
Para ativar:
Menu NVDA → Ferramentas → Speech Viewer
Para criar um atalho personalizado:
Menu NVDA → Preferências → Gestos de entrada
Filtre por “Speech Viewer.”
Selecione Adicionar
Gesto sugerido: tecla NVDA + V (aplicar a todos os layouts de teclado)
Considerações finais
Os atalhos de navegação não são apenas conveniência; são ferramentas essenciais para independência e eficiência. Para testadores de acessibilidade, eles também são ferramentas de diagnóstico. A forma como uma página responde a esses comandos revela o quão bem ela foi estruturada.
Ao aprender esses comandos, você não apenas aprimora seu fluxo de testes, mas também desenvolve uma compreensão mais profunda das práticas de design inclusivo que tornam experiências digitais acessíveis para todos.