Operação por gestos de ponteiro
O que a norma pede
Funções operadas por gestos com vários dedos (como pinça) ou por caminhos (como deslizar) também podem ser feitas com um único ponteiro, sem gesto de caminho, a menos que o gesto seja essencial ou venha do navegador.
Formas de atender
Basta uma delas. A primeira é a preferida; as demais são alternativas para exceções.
- Uma forma de atender: toda função com gesto multiponto ou de caminho também funciona com um toque ou clique simples.
- Ou: o gesto é essencial, como numa assinatura desenhada.
- Ou: a função é do navegador e não foi modificada pela equipe.
- 2.5.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 ação feita com gesto, como deslizar ou pinçar, desenhe botões equivalentes, como “anterior” e “próximo” nos carrosséis. Gestos não podem ser a única forma de agir.
Carrossel de notícias
As notícias mudam ao deslizar.
Errado: Só deslizar
No protótipo
Carrossel sem controles; troca por swipe.
Quem não consegue deslizar vê só a primeira notícia.
Certo: Deslizar ou tocar
No protótipo
Setas “Anterior” e “Próxima” além do swipe.
Todas as notícias ficam acessíveis.
Implemente botões para toda ação feita com gesto, porque as bibliotecas de gestos não criam alternativas sozinhas. Não bloqueie o zoom nativo por pinça do navegador.
Mapa de unidades
O mapa amplia com pinça.
Errado: Só pinça
mapa.on("pinch", ampliar); // sem outros controlesQuem não faz pinça não amplia.
Certo: Pinça e botões
<button aria-label="Aproximar" onclick="ampliar()">+</button> <button aria-label="Afastar" onclick="reduzir()">−</button>A ampliação funciona com um toque.
Inclua alternativas a gestos nos critérios de aceite e revise os componentes de carrossel e de mapa, inclusive os contratados. Gestos complexos excluem pessoas com deficiência motora e quem usa o celular com uma só mão.
Galeria de fotos do evento
A galeria usa gestos para navegar.
Errado: Aprovada sem alternativa
Decisão
Galeria só com swipe.
Parte do público não vê as fotos.
Certo: Aprovada com botões
Decisão
Galeria com botões de navegação.
Todos navegam pelas fotos.
Liste as funções que usam gestos, como carrosséis e mapas, e tente realizar cada uma com um único toque ou clique, sem deslizar nem usar dois dedos. Teste também com mouse.
Carrossel
Teste com toques simples.
Errado: Sem alternativa
Toque na notícia → abre a notícia
Não há como ir para a próxima sem deslizar
Função inacessível.
Certo: Com botões
Toque em “Próxima” → segunda notícia
Função acessível.
Quando uma instrução citar um gesto, cite também o botão equivalente. Evite “deslize para ver mais” como única orientação.
Dica do carrossel
Texto abaixo do carrossel.
Errado: Só o gesto
Na tela
“Deslize para ver mais notícias.”
Exclui quem não desliza.
Certo: Gesto e botão
Na tela
“Deslize ou use as setas para ver mais notícias.”
Serve para todos.