Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung
Acessibilidade
Quando é que um site é totalmente operável com o teclado?
Nível A (2.1) requer operação de teclado para todas as funções, mas deixa uma exceção: se a entrada depende do caminho do movimento, como ao desenhar livremente, ele pode ser reservado para o mouse. O critério 2.1.3 do nível AAA suprime esta isenção. Cada função é acessível com o teclado, incluindo desenho, movendo-se em um mapa e jogando o jogo.
O que o critério requer
Todas as funções da página podem ser executadas através do teclado sem que seja necessária uma determinada sequência temporal de teclas. Para tarefas que funcionam naturalmente com movimento, isto significa: construir um quadro de teclado equivalente. Uma ferramenta de desenho recebe campos de entrada para coordenadas ou teclas de seta para definir pontos; um mapa pode ser movido com teclas de seta e ampliado com mais e menos; Um jogo de ordenação obtém atalhos de teclado para gravar e soltar.
Para quem isto conta
Pessoas que não podem guiar um mouse porque as mãos estão tremendo, falta poder, ou visão não está encontrando o ponteiro trabalhar exclusivamente com teclados, interruptores, ou controles de voz que replicam entrada de teclado. Para eles, uma função sem um caminho de teclado simplesmente não existe. A exceção Nível A afeta poucos elementos, mas estes são muitas vezes os mais valiosos: o cartão interativo, o bloco de assinatura, o editor.
É assim que lidamos com isso
O núcleo de medição verifica o funcionamento do teclado do nível A: ordem de foco, elementos alcançáveis, armadilhas de foco. Se uma função de movimento tem um caminho de teclado equivalente, decide um testador na tela. O critério pertence à categoria AAA no conhecimento; no relatório, as áreas de movimento aparecem como uma indicação para verificação.
Exemplos
Carta móvel apenas com o mouse
<div id="karte" class="ziehbar"></div><div id="karte" tabindex="0" role="application" aria-label="Karte, Pfeiltasten verschieben, Plus und Minus zoomen"></div>
<script>
karte.addEventListener("keydown", (e) => {
if (e.key === "ArrowLeft") verschiebe(-50, 0);
if (e.key === "+") zoom(1);
});
</script>Sem exceção do nível A, uma função de movimento também precisa de um caminho de teclado equivalente.
- Listar todas as funções que só vão com o mouse hoje: desenhar, arrastar, cartas, controle deslizante, assinatura.
- Construa um caminho de teclado para cada função: setas para movimento, campos de entrada para valores, atalhos de teclas para gravação e queda.
- Explique a tarefa chave visivelmente ao lado do item, não apenas no texto de ajuda.
- Guarde o mouse e trabalhe por uma hora apenas com o teclado através da página.
