Ir para conteúdo principal
Todas as coleçõesMaterial Educativo
Teste de Acessibilidade em Computadores de Mesa - Navegação por Teclado
Teste de Acessibilidade em Computadores de Mesa - Navegação por Teclado

Aprenda rapidamente como testar a Navegação por Teclado para Acessibilidade.

Nikola Jonic avatar
Escrito por Nikola Jonic
Atualizado há mais de um ano

Apresentação

O design acessível tornou-se cada vez mais crucial para nossos clientes globais, especialmente para aqueles que residem em países onde as leis regulamentam o nível de acessibilidade necessário para atender à conformidade básica. Um requisito fundamental é que sites ou aplicativos sejam totalmente acessíveis por meio da navegação por teclado. A acessibilidade não se limita apenas à entrada do teclado, mas abrange todos os outros métodos de entrada, como mouse, voz, etc. Para os testadores de acessibilidade iniciantes, a navegação por teclado é o ponto de partida mais fácil para começar sua jornada de teste.

Procedimento para Teste de Acessibilidade de Navegação por Teclado em Dispositivos Windows 10 e Mac

"Após iniciar o ambiente de teste, verifique a acessibilidade dos elementos dentro do escopo utilizando o teclado do seu computador de mesa. Assim que o ambiente de teste estiver completamente carregado, pressione a tecla TAB para confirmar que cada um dos seguintes itens recebe foco de entrada: todos os itens de menu, links, botões, campos de entrada, caixas de seleção, etc. Certifique-se de poder ativar seleções pressionando a tecla ENTER/RETURN.

Confirme que os controles de menu suspenso se expandem quando você lhes dá foco de entrada via tecla TAB e pressiona a tecla ESPAÇO. Verifique se não há 'armadilhas de teclado' (ocorrem quando o usuário pressiona a tecla TAB em um elemento e não pode avançar ou, no pior caso, não consegue se mover do elemento TAB em nenhuma direção) e que todos os itens de ação são acessíveis utilizando a tecla TAB. Além disso, é importante confirmar se é possível reverter o curso através dos vários controles usando a combinação de teclas SHIFT+TAB para percorrer um ou mais passos para trás.

Além das teclas mencionadas acima, não são apenas essas que você pode utilizar ao testar a Navegação por Teclado. Abaixo, você encontrará uma lista detalhada de teclas:

Tecla ou Combinação de Teclas

Função

Comentário

TAB

Navega pelos elementos ativos

Este progresso de navegação é indicado por uma mudança no foco destacado.

SHIFT+TAB

Navegação reversa pelos elementos ativos

ENTER/RETURN

Usado para ativar o elemento selecionado

Menus suspensos, controles de alternância, etc.

ARROWS

Usadas para navegação dentro do controle

Traverse menus, percorra para a esquerda/direita/cima/baixo através de campos de texto, etc.

ESC

Usado para sair de um elemento

Fecha uma lista de menu, recolhe um menu suspenso, etc.

HOME

Usado para navegar para o topo da página

Equivalente no Mac: fn + SETA PARA A ESQUERDA

END

Usado para navegar até o final da página

Equivalente no Mac: fn + SETA PARA A DIREITA

PAGE-UP

Usado para aumentar o valor de um controle deslizante em 10%

Equivalente no Mac: fn + SETA PARA CIMA

PAGE-DOWN

Usado para diminuir o valor de um controle deslizante em 10%

Equivalente no Mac: fn + SETA PARA BAIXO

Observação: Ao relatar bugs de acessibilidade na Navegação por Teclado, lembre-se de que não é permitido gravar o som na gravação de tela.

Nota para usuários do Windows 10: Utilize o aplicativo Teclado Virtual na Tela do Windows para reproduzir o bug na gravação de tela. Para abrir rapidamente o Teclado Virtual na Tela no seu dispositivo Windows 10, pressione simultaneamente as teclas Win+CTRL+O no seu teclado físico.

Nota para usuários do Mac: Para abrir o aplicativo Teclado no Mac, pressione simultaneamente Option+Command+F5, selecione Teclado de Acessibilidade e clique no botão Concluído.

Checkpoints WCAG 2.1.

Antes de nos concentrarmos nos critérios de sucesso relacionados à Navegação por Teclado, é importante lembrar que nossa plataforma realiza testes para os níveis A e AA de conformidade com Acessibilidade. O nível AAA de conformidade não está dentro do escopo do teste de Acessibilidade da Test IO.

Existem quatro critérios de sucesso relacionados à Navegação por Teclado que devem ser atendidos para garantir que o ambiente do cliente seja acessível para todos os usuários: 2.1.1, 2.1.2, 2.1.3 e 2.1.4. Como o critério 2.1.3 pertence ao nível AAA de conformidade, não o incluiremos em nossa análise.

2.1.1. Critério de Sucesso de Acessibilidade

Este critério de sucesso tem como objetivo garantir que todos os elementos sejam acessíveis aos usuários que utilizam o teclado e outras opções de entrada para navegar pelo conteúdo da web. Os principais beneficiários da Navegação por Teclado em conteúdo web acessível são pessoas com deficiência visual ou limitações físicas que as impedem de usar o mouse com precisão (por exemplo, tremores nas mãos). Para verificar se o ambiente atende a esses critérios, utilize as teclas mencionadas anteriormente para focar e ativar seleções. Se um elemento dentro do escopo do teste não for alcançável usando o teclado, é necessário relatar um bug. Lembre-se de que o problema 2.1.1. representa um bug de Acessibilidade de Nível A, e os bugs de Nível A são de extrema importância para nossos clientes.

2.1.2. Critério de Sucesso de Acessibilidade

Este critério de sucesso visa garantir que o usuário não fique preso ao navegar pelo conteúdo da web usando o teclado. Para testar o ambiente em relação a este critério, utilize a tecla TAB no seu teclado para assegurar que você consiga acessar qualquer recurso de ação sem ficar preso em um elemento durante a navegação. Assim como no checkpoint anterior, 2.1.2. representa um bug de Acessibilidade de Nível A.

2.1.4. Critério de Sucesso de Acessibilidade

Este critério de sucesso busca garantir que, se as teclas de atalho de caractere único estiverem ativas dentro do ambiente, elas só funcionem quando estiverem em foco. Deve haver também um mecanismo para desativá-las ou remapear os atalhos para incluir mais de uma tecla. Em termos de gravidade, 2.1.4. é um bug de Acessibilidade de Nível A.

Observação: Lembre-se de ser cauteloso para evitar o envio de bugs duplicados durante os testes em nossa plataforma.

Isto respondeu à sua pergunta?