Avançar para o conteúdo
SilktideAjuda

Suporte ao teclado

A Silktide encontra partes das suas páginas que respondem a um rato ou a um ecrã tátil — cliques, passar o cursor, arrastar — mas que podem não funcionar para alguém que utiliza apenas um teclado. Tudo o que um visitante pode fazer com um rato também deve ser possível com um teclado.

Por que isto é importante

Muitas pessoas não conseguem utilizar um rato ou um ecrã tátil: pessoas com limitações motoras, pessoas com tremores e utilizadores cegos, cujos controlam a página através do teclado. Para todas elas, as funcionalidades que respondem apenas a um ponteiro ficam simplesmente indisponíveis. A operabilidade pelo teclado é o 2.1.1 das , um requisito de nível A — o nível mais básico da norma.

Como corrigir

  1. Prefira elementos nativos — ligações, botões e controlos de formulário — que são operáveis pelo teclado por predefinição:
<!-- Só funciona com um rato: não recebe foco, apenas com duplo clique -->
<div ondblclick="location.href='\/new-page'">Faça duplo clique aqui</div>

<!-- Corrigido: uma ligação funciona para todos -->
<a href="\/new-page">Ir para a página</a>
  1. Quando uma interação personalizada for inevitável, adicione uma alternativa de teclado: torne o elemento focável (tabindex="0") e trate os eventos de teclado juntamente com os eventos do rato.
  2. As interações que dependem apenas de passar o cursor, como dicas de contexto e menus pendentes, exigem atenção especial — mostre-as quando houver , bem como ao passar o cursor.
  3. Se um elemento assinalado tiver uma alternativa de teclado que a Silktide não conseguiu detetar, o resultado.

Como a Silktide faz esta verificação

  1. Recolhe os que a página regista no navegador.
  2. Mantém os que correspondem a eventos exclusivos de rato e de toque: cliques, cliques duplos, passar o cursor, movimento do rato, roda do rato, menus de contexto e gestos de toque.
  3. Para controladores simples de cliques, ignora os elementos que um teclado já pode operar — ligações, botões, campos de formulário e qualquer elemento focável através de tabindex — porque premir Enter num elemento focado aciona o respetivo controlador de clique.
  4. Comunica os elementos restantes para que confirme se existe uma alternativa de teclado.

Resolução de problemas

O elemento tem uma alternativa de teclado noutro local

A Silktide assinala elementos cujos ouvintes sugerem um comportamento exclusivo de ponteiro, mas nem sempre consegue perceber que a mesma funcionalidade está disponível de outra forma — por exemplo, um menu ativado ao passar o cursor que duplica as ligações no rodapé, ou uma ação de arrastar com um botão equivalente. Quando existir realmente uma alternativa, aprove o resultado.

Efeitos de passar o cursor que são apenas decorativos

Os ouvintes que apenas alteram o aspeto (um realce ao passar o cursor, uma animação) não retiram qualquer funcionalidade aos utilizadores de teclado. É seguro aprová-los.

Saiba mais

Última atualização

Esta página foi útil?