Navegação por teclado: o teste que a maioria dos sites falha
Por The AsasWeb team 2 min de leitura
Ponha o rato de lado e tente concluir a sua tarefa mais importante usando apenas Tab, Shift e Tab, Enter, Espaço e as teclas de setas. Um site passa quando o foco está sempre visível, se move numa ordem lógica, chega a todos os links, botões e campos e consegue sair de qualquer menu ou diálogo. Se uma tarefa não pode ser terminada por teclado, um grupo real de clientes também não a consegue terminar, e o acesso por teclado é a base sobre a qual o uso de leitores de ecrã assenta.
Eis um teste que pode fazer em cinco minutos: ponha o rato de lado e tente usar o seu próprio site apenas com o teclado. Muitas pessoas têm de navegar assim, incluindo algumas que usam um leitor de ecrã e muitas com diferenças motoras. Um número surpreendente de sites falha este teste.
Como testar
Use a tecla Tab para avançar, Shift e Tab para recuar, Enter e Espaço para ativar, e as teclas de seta dentro dos menus. Tente concluir a sua tarefa mais importante, como encontrar um produto ou enviar um pedido de contacto, sem tocar no rato.
O que procurar
- Consegue ver onde está? Um estilo de foco claro e visível tem de o acompanhar à medida que avança com o Tab. Se o foco for invisível, o site é inutilizável por teclado.
- A ordem é lógica? O foco deve mover-se numa ordem de leitura sensata, e não saltar de um lado para o outro.
- Consegue alcançar tudo? Cada ligação, botão e campo tem de ser alcançável e operável, incluindo menus e janelas pop-up.
- Consegue sair? Abra um menu ou caixa de diálogo, depois feche-a com a tecla Escape e verifique se o foco regressa a um sítio sensato. Atenção às armadilhas das quais não consegue sair com o Tab.
Porque é que importa
Se não consegue concluir uma tarefa com o teclado, um grupo real de clientes também não consegue, e vão sair. O acesso por teclado é também a base sobre a qual assenta o uso de leitores de ecrã, por isso corrigi-lo melhora a acessibilidade de forma ampla.
Fazemos uma passagem só de teclado em cada projeto, incluindo menus com foco preso que fecham com Escape e devolvem o foco de forma limpa. Se o seu site falha o teste de desligar o rato, inicie um projeto e nós corrigimo-lo.