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
- 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>
- 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. - 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.
- 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
- Recolhe os que a página regista no navegador.
- 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.
- 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. - 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.