5.1.2.14 - Requisitos para navegação com recursos de tecnologias assistivas
Descrição
Não pode haver bloqueio na navegação sequencial com recursos de tecnologia assistiva. A aplicação deve permitir que tecnologias assistivas que utilizam navegação sequencial, normalmente pelo movimento rápido de deslizar o dedo (também conhecido como swipe), como um leitor de tela, percorram todo o conteúdo livremente sem ficar preso em ponto algum.
Exemplo
Um aplicativo permite que o leitor de tela interprete todo o conteúdo, item a item, de forma sequencial, conforme os comandos do usuário
Desempenho funcional
Componentes aplicáveis
Cenários para desenvolvimento de interfaces
Escolha um perfil para ver as orientações específicas:
Garanta que a interface seja projetada de modo que a navegação sequencial seja fluida e contínua. Isso significa que não deve haver pontos na aplicação que bloqueiem ou interrompam a navegação, especialmente para usuários que utilizam gestos de deslizar o dedo, como leitores de tela.
Nenhuma tela pode prender a navegação
Janelas, anúncios e menus precisam de saída acessível.
Certo: Modal com saída
anotação de especificação
Janela de cupom com botão "Fechar" e foco que volta para onde estava.
Errado: Modal sem saída
anotação de especificação
Anúncio em tela cheia que só fecha com um X minúsculo e sem nome.
No código, assegure que todos os elementos da interface possam ser acessados e navegados de forma sequencial por tecnologias assistivas, sem que o usuário fique preso em qualquer ponto. Teste a aplicação com leitores de tela para garantir que a navegação seja suave e completa.
Foco contido, mas com saída
Numa janela modal, o foco fica dentro dela até ser fechada, e Esc ou Fechar sempre funcionam.
Certo: Modal acessível
<dialog aria-labelledby="t"> <h2 id="t">Cupom</h2> <button>Fechar</button> </dialog>Leitor de tela anuncia: "Cupom, caixa de diálogo, Fechar, botão"
Errado: Armadilha de foco
<div class="overlay" tabindex="0" onkeydown="event.preventDefault()"> … </div>Leitor de tela anuncia: o leitor de tela não sai do elemento
Aprenda a fazer com conteúdos selecionados para você
Certifique-se de que a equipe adote práticas que permitam uma navegação sequencial fluida para usuários de tecnologias assistivas, sem interrupções ou bloqueios, garantindo acessibilidade total e conformidade com padrões de usabilidade.
Teste o fluxo completo com leitor de tela
Inclua a navegação de ponta a ponta por gestos no roteiro de testes.
Checklist do requisito 5.1.2.14: navegação sequencial
- sem bloqueio
Tela inicial
fluxo
- sai com Fechar
Janela de cupom
modal
- pendente
Anúncio em tela cheia
sobreposição
2 de 3 itens em conformidade, 1 pendente de revisão.
Mapear o fluxo de navegação
Revise todo o conteúdo e a estrutura da aplicação para identificar os elementos interativos e de navegação. Verifique se todos os elementos podem ser acessados de forma sequencial.
Evitar bloqueios de navegação
Garanta que nenhum elemento de interface interrompa ou bloqueie a navegação sequencial. Elementos como pop-ups, anúncios ou janelas modais devem ser programados para serem facilmente navegados ou fechados por tecnologias assistivas.
Verificar a ordem de foco
Assegure-se de que a ordem de foco dos elementos siga uma sequência lógica que faça sentido para a navegação, inclusive com tecnologias assistivas. Ajuste a ordem do foco, se necessário, utilizando atributos como tabindex para personalizar a sequência.
Implementar notificações de estado
Se houver elementos que alteram o contexto, como abas ou menus expansíveis, assegure-se de que esses elementos informem seu estado (aberto ou fechado) e sejam acessíveis sem interromper a sequência de navegação.
Manter consistência em diferentes dispositivos
Teste a navegação sequencial em diversos dispositivos móveis e sistemas operacionais para garantir que a experiência de navegação seja consistente.
Validar a acessibilidade com usuários
Realize testes com usuários que utilizam tecnologias assistivas para confirmar que a navegação sequencial funciona corretamente e sem bloqueios em diferentes cenários.
Deslize do início ao fim
Com o leitor de tela, avance item por item até o fim da tela.
Certo: Navegação livre
"Cupom, caixa de diálogo"
"Fechar, botão" → volta ao conteúdo
"Fim da página"
Todo o conteúdo é alcançado.
Errado: Navegação presa
"Anúncio"
"Anúncio"
o gesto não avança mais
A pessoa fica presa e desiste.
Estruture o conteúdo de forma clara e linear sem a necessidade de deslizar (swipe), para que os usuários de tecnologias assistivas consigam navegar por ele sem interrupções ou confusões, garantindo que não haja bloqueios de navegação.
Organize o conteúdo de forma linear
A ordem de leitura deve fazer sentido sem depender do layout.
Certo: Ordem lógica
ordem do conteúdo
Título → resumo → detalhes → ação
Faz sentido lido em sequência.
Errado: Ordem visual apenas
ordem do conteúdo
Ação → detalhes → título (em colunas)
Lido em sequência, confunde.
Requisitos relacionados
Outros requisitos que se aplicam aos mesmos componentes.