Acessibilidade por teclado parcial
O que a norma pede
Toda funcionalidade da página pode ser usada pelo teclado. Ficam de fora só as que não têm equivalente possível pelo teclado, como desenhar à mão livre.
- 2.1.1 (A)
Parecido na NBR 17060
A NBR 17060 trata de aplicativos. Se o seu serviço também tem app, veja o que a Bússola da NBR 17060 diz sobre o mesmo assunto:
Visões por perfil
Escolha um perfil para ver o que o requisito pede de quem ocupa esse papel:
Para cada interação feita com o mouse, como arrastar para ordenar, desenhe um caminho pelo teclado, por exemplo com botões. Evite ações que só aparecem quando o cursor passa por cima.
Ordenar prioridades
A pessoa ordena temas de interesse num formulário de pesquisa.
Errado: Só arrastar
No protótipo
Lista reordenável apenas arrastando os itens.
Quem usa teclado não consegue responder.
Certo: Arrastar ou botões
No protótipo
Cada item tem “Subir” e “Descer”, além de poder ser arrastado.
Todos conseguem ordenar.
Use button e a em vez de div e span com onclick, e trate as teclas esperadas, como Enter e as setas, nos componentes customizados. Não dependa de eventos só de mouse, como mouseover e duplo clique, sem alternativa.
Card clicável
Cada card de serviço abre a página do serviço.
Errado: Div com clique
<div class="card" onclick="abrir()"> Emitir 2ª via da conta </div>O card não recebe foco nem responde ao Enter.
Certo: Link de verdade
<a class="card" href="/servicos/segunda-via"> Emitir 2ª via da conta </a>Funciona com Tab e Enter sem código extra.
Mapeie as funções críticas do serviço, como agendar e enviar documentos, e confirme que cada uma funciona sem mouse. Exija o mesmo de componentes e plataformas contratados.
Agendamento on-line
O calendário de agendamento é um componente comprado.
Errado: Calendário só com mouse
Situação
Os dias só podem ser escolhidos clicando.
Pessoas cegas não conseguem agendar.
Certo: Calendário e campo de data
Situação
Calendário com setas e um campo de data digitável como alternativa.
O agendamento funciona para todos.
Desconecte o mouse e tente concluir cada tarefa principal só com o teclado, inclusive menus e calendários. Registre cada tarefa que não for possível, com o componente e a tecla esperada.
Upload de documento
A área de envio aceita arquivos arrastados.
Errado: Só arrastar e soltar
Tab → área de upload não recebe foco
Não há botão para escolher arquivo
Sem mouse, não há como enviar.
Certo: Botão de escolher arquivo
Tab → botão “Escolher arquivo”
Enter → abre a janela do sistema
O envio funciona pelo teclado.
Descreva a ação pelo resultado, e não pelo gesto: “envie o arquivo”, e não “arraste o arquivo”. Revise tutoriais e ajudas que só falam do mouse.
Instrução de envio
O texto acima da área de upload.
Errado: Descreve o gesto
Na tela
“Arraste seu arquivo para cá.”
Não diz o que fazer sem mouse.
Certo: Descreve o resultado
Na tela
“Envie seu arquivo: escolha no computador ou arraste para cá.”
Qualquer pessoa sabe como agir.