Um site pode parecer correto e funcionar bem com o mouse, mas se tornar difícil de usar quando alguém navega apenas com o teclado. Um teste manual breve pode revelar controles inacessíveis, menus dos quais não é possível sair e formulários em que fica difícil identificar o campo ativo.
Esta verificação não certifica conformidade nem substitui uma avaliação completa. Ela oferece uma maneira simples de encontrar problemas antes da publicação ou depois de uma alteração. A WCAG 2.2 do W3C inclui critérios relacionados ao uso do teclado e ao foco. Para determinar se os requisitos aplicáveis são atendidos, é necessário consultar o padrão completo e considerar o contexto do site.
Prepare um teste simples
Abra uma página representativa, por exemplo, uma que tenha navegação principal, links, um botão e um formulário. Desconecte o mouse ou simplesmente não o use. Na maioria dos navegadores, Tab avança entre controles interativos e Shift+Tab volta. As setas, Enter, a barra de espaço e Escape podem funcionar de maneiras diferentes conforme o controle e o navegador.
Não suponha que todas as teclas devam se comportar da mesma forma em todos os componentes. Observe o que cada controle faz e se a interação é compreensível. Se a página tiver um menu, acordeão ou janela de diálogo, teste cada elemento separadamente. Registre o navegador, a página e a etapa exata em que surge cada dificuldade; isso facilita reproduzir o problema.
Acompanhe o foco e confira se está visível
Pressione Tab desde o início e observe cada etapa. O foco costuma ser indicado por um contorno ou outra alteração visual. Se desaparecer sobre o fundo, ficar coberto por um cabeçalho fixo ou saltar para uma área inesperada, a pessoa pode perder a referência de onde está.
O foco deve avançar em uma ordem que ajude a ler e usar a página. A sequência não precisa reproduzir todos os detalhes visuais do design, mas deve permitir entender qual elemento está ativo e avançar sem surpresas. Repita o percurso com Shift+Tab para conferir se é possível voltar. A WAI recomenda avaliar a acessibilidade desde as etapas iniciais e ao longo do desenvolvimento; verificações frequentes podem revelar barreiras enquanto ainda é mais fácil corrigi-las.
Teste os controles, não apenas o percurso
Chegar a um controle não basta: também é necessário conseguir usá-lo. Em cada página, confira o seguinte:
- Links e botões: É possível ativá-los pelo teclado? A função fica clara pelo texto ou pelo contexto?
- Menus: É possível abrir e fechar o menu, percorrer as opções e sair sem ficar preso?
- Formulários: É possível preencher os campos, alterar opções e enviar o formulário? Se aparecer um erro, é possível encontrá-lo e corrigi-lo?
- Janelas de diálogo: Quando uma janela abre sobre a página, o foco chega até ela e depois retorna a um lugar lógico ao fechá-la?
- Elementos expansíveis ou interativos: O teclado permite chegar a todas as opções e selecioná-las?
Esta lista ajuda a localizar comportamentos que merecem atenção; não é uma declaração de conformidade com um critério específico. O comportamento esperado depende do componente e das técnicas usadas no site.
Procure obstáculos frequentes
Fique atento a estes sinais: o foco não aparece; um controle importante só responde ao mouse; a sequência salta sem lógica; um menu permanece aberto sem uma maneira clara de fechá-lo; uma janela prende o foco; ou o foco desaparece após uma atualização de conteúdo.
Observe também se os controles têm rótulos compreensíveis. Um ícone sem um nome claro pode ser difícil de interpretar, mesmo que seja possível alcançá-lo. Ao encontrar um problema, anote uma sequência concreta, por exemplo: “Na página de contato, Tab chega ao botão Enviar, mas não alcança a opção de anexar um arquivo”. Evite registrar apenas “não funciona”: os detalhes ajudam a reproduzir o problema e verificar a correção.
Use ferramentas como complemento
Uma extensão de navegador ou um analisador pode ajudar a identificar alguns problemas, mas não substitui o teste manual. A WAI explica que as ferramentas podem identificar possíveis barreiras, mas que alguns aspectos exigem intervenção e julgamento humano. Portanto, uma página sem alertas não prova que todas as pessoas conseguem concluir suas tarefas.
Repita o teste nas páginas e nos fluxos importantes, especialmente depois de mudanças na navegação, nos formulários ou nos componentes. Para uma avaliação mais ampla, combine esta verificação com outros testes e, quando necessário, com uma avaliação especializada.
Um teste útil não consiste em percorrer a página depressa, mas em verificar se cada tarefa pode ser concluída sem perder o rumo.
Para começar hoje: escolha uma tarefa importante, como enviar uma mensagem. Percorra todo o fluxo com Tab, Shift+Tab e as teclas necessárias para ativar os controles. Anote cada bloqueio, corrija um problema de cada vez e teste novamente. Assim, uma impressão geral se transforma em observações concretas e verificáveis.
