Partilhar via

Procurar suporte de teclado utilizando as teclas Tabulação e Enter

É importante que a interface de utilizador de uma página Web funcione ao utilizar apenas um teclado, porque nem todos os utilizadores têm um ponteiro ou dispositivo tátil e nem todos os utilizadores podem ver páginas Web. Certifique-se de que pode utilizar a Tecla de Tabulação para mover o foco para cada controlo de formulário numa página Web e certifique-se de que pode utilizar a tecla Enter para submeter formulários.

Formas de testar o suporte do teclado

Pode testar a utilização de uma página Web para utilizadores de teclado de várias formas:

Verificar a existência de problemas de acessibilidade de teclado numa página Web

Para marcar a página Web de demonstração de teste de acessibilidade para problemas de acessibilidade ao utilizar um teclado em vez de um rato:

  1. Abra a página Web de demonstração de teste de acessibilidade numa nova janela ou separador.

  2. Utilize um teclado para navegar no documento de demonstração, utilizando a Tecla de Tabulação ou Shift+Tecla de Tabulação para passar de elemento para elemento. Na página Web de demonstração, a Tecla de Tabulação move primeiro o foco para o formulário de pesquisa na header secção .

  3. Prima a Tecla de Tabulação para colocar o foco num botão e, em seguida, prima Enter para clicar no botão focado. Por exemplo, na página de demonstração, prima a Tecla de Tabulação para colocar o foco no campo Procurar e, em seguida, prima Enter para submeter a pesquisa. Esta abordagem produz o mesmo resultado que selecionar o botão ir . Selecionar Enter para enviar o formulário procurar funciona corretamente.

  4. Prima a Tecla de Tabulação novamente. O elemento seguinte em que se concentra é a primeira ligação Mais na content secção da página Web, conforme indicado por um destaque:

    Navegar no documento com o teclado e a Tecla de Tabulação. O foco é apresentado numa ligação no documento

  5. Prima a Tecla de Tabulação várias vezes até passar a última ligação Mais . A página desloca-se para cima e parece estar num elemento da página, mas não há forma de saber qual é o elemento.

  6. Repare no URL na parte inferior esquerda. Se olhar para a parte inferior esquerda do ecrã (ou se utilizar um leitor de ecrã), percebe que está no menu de navegação da barra lateral com ligações azuis, porque o browser mostra o URL para o qual a ligação Gatos aponta (#cats).

    A falta de estilo de detalhe torna impossível saber onde está atualmente no documento. A única sugestão é a apresentação do destino da ligação no canto inferior esquerdo do ecrã

  7. Prima a Tecla de Tabulação novamente para aceder ao campo de entrada no formulário de doação. No entanto, não pode aceder aos botões acima da caixa de texto ao selecionar Tabulação. Não pode utilizar o teclado para colocar o foco nos botões 50, 100 ou 200 e, em seguida, selecioná-los. Além disso, selecionar Enter não submete o formulário de doação.

    O único elemento acessível por teclado no formulário de doação é o campo de introdução de texto

  8. Selecionar Novamente a Tecla de Tabulação coloca o foco na barra de navegação superior da página, com botões de menu para Base, Adotar um Animal de Estimação, Doar, Trabalhos e Acerca de Nós. Prima a Tecla de Tabulação ou Shift+Tecla de Tabulação para colocar o foco num botão de menu, conforme indicado por um destaque do foco. Em seguida, prima Enter para aceder a essa secção da página Web.

    O menu principal tem um destaque e um destaque de foco, pelo que é acessível por teclado

Foram encontrados problemas que têm de ser corrigidos

Com base nas instruções acima, encontrámos os seguintes problemas que têm de ser corrigidos:

  • Ao utilizar um teclado, as ligações azuis do menu de navegação da barra lateral não indicam visualmente qual a ligação que tem o foco. Veja Analisar a falta de indicação do foco do teclado.

  • No formulário de doação, os botões de montante e o botão Doar não funcionam com um teclado. Veja Analisar a falta de suporte do teclado num formulário.

  • A ordem de acesso do teclado através de secções da página não está correta. Pode navegar por todas as ligações Mais no documento antes de aceder ao menu de navegação da barra lateral. Quando a Tecla de Tabulação colocar o foco no menu de navegação da barra lateral, já percorreu todo o conteúdo da página. O menu de navegação da barra lateral destinava-se a fornecer acesso fácil ao conteúdo da página.

    Para obter mais informações sobre como resolver este problema, consulte Testar o suporte de teclado com o Visualizador de Encomendas de Origem.

  • Last updated on