Este site está sendo refatorado. Se algo parecer quebrado é por esse motivo.
Bruno Pulis
Acessibilidade

5 atalhos do NVDA para testar acessibilidade

Atalhos rapidos para o NVDA

8 min de leitura

O NVDA é um leitor de tela gratuito para Windows. Ele foi projetado para ajudar pessoas com deficiência a usar computadores e navegar na web.

Você pode realizar o download gratuitamente dele. Acima de tudo é uma tecnologia assistiva perfeita para testar acessibilidade. ferramenta para fazer testes de acessibilidade.

Neste artigo irei mostrar 5 atalhos que ajudaram nesse sentido.

Ligando/desligando o NVDA

O leitor de telas fornece a possibilidade de ligar e desligar o sintetizador de voz. Esse é um recurso muito interessante quando precisamos que ele se silencie completamente.

Para ligar ou desligar o NVDA, devemos usar o comando <kbd>Insert + S</kbd>. Usando esse comando o leitor de telas será desligado.

Quando desligamos o leitor dá o feedback ao usuário Modo de fala desativado.

Para ligar novamente, pressione Insert + S duas vezes, o leitor irá dizer Modo de fala ativado.

Seu NVDA estará apto para ler o conteúdo novamente.

Dica bônus

Você pode alterar a tecla modificadora do NVDA, por exemplo, uso o Caps Lock no lugar do Insert, por achar mais prático.

Ilustração das letras do alfabeto, representando a navegaçã por títulos

Imagem por rawpixel.com em Freepik

Títulos, são estruturas simples, entretanto, existem muitos erros relacionado a eles.

Recomendamos usá-los pois, fornecem uma organização textual e semântica, além de contribuir o SEO.

Para navegar por títulos use a tecla `H`, o leitor de telas irá verbalizar da seguinte forma: “Portal de notícias, título nível 1”.

Ilustração de um cursor mouse conectando com outros recursos na rede

Imagem por rawpixel.com em Freepik

Hiperlinks tem um papel crucial na web, eles são a base da internet.

Sua função é gerar conexões entre assuntos e promover navegabilidade para os usuários. Por exemplo, quando clicamos num link externo estamos gerando uma conexão na rede de computadores.

Para navegarmos com o NVDA através de links usamos a tecla de atalho `K`, com ela iremos percorrer todos os links da página.

Ao ler o conteúdo o leitor traz a seguinte informação “Relatório de vendas do primeiro trimestre, link”.

Diversos botões de redes sociais

Imagem por starline em Freepik

A navegação por botões infelizmente é uma das mais problemáticas.

Em contrapartida, os problemas são simples de corrigir. Para navegarmos pelos botões devemos usar a tecla de atalho B.

Semelhantemente os links, iremos navegar em todos os botões declarados na página.

Ilustração de uma lista de tarefas ao lado um avatar de uma mulher segurando a lista e no outro lado outra mulher segurando um lápis e marcando os itens da lista

Imagem por starline em Freepik

Listas são extremamente úteis para agrupar informações como, por exemplo:

  • menu de navegação;
  • itens de uma lista de compras;
  • sequência de passos pré-determinados;
  • etc.

Para navegar através de listar em uma página web, usamos a tecla de atalho L.

Ela irá navegar entre as listas que foram definidas na página. Dessa forma, conseguimos identificar as listas facilmente.

Dica bônus

Para navegarmos entre os itens de uma lista, podemos usar a tecla de atalho I.

Em conclusão, a tecla L navega pelas listas e a tecla I pelos itens das listas.

Conclusão

Usar os atalhos contribuem para uma exploração mais abrangente.

Quanto mais cedo usarmos, melhor. Além disso, temos uma experiência mais real de uso.

E você conhecia algum desses atalhos? Conta para mim nos comentários.

Bruno Pulis

Bruno Pulis

Designer e desenvolvedor frontend com mais de 6 anos de experiência criando produtos digitais. Especialista em React, TypeScript e Design Systems. Apaixonado por compartilhar conhecimento e ajudar outros profissionais a crescer.