Navegação consistente
O que a norma pede
Menus e outros mecanismos de navegação que se repetem nas páginas aparecem sempre na mesma ordem relativa, a menos que a própria pessoa mude a posição.
Formas de atender
Basta uma delas. A primeira é a preferida; as demais são alternativas para exceções.
- Uma forma de atender: os mecanismos de navegação repetidos mantêm a mesma ordem relativa em todas as páginas.
- Outra forma: a posição foi alterada pela própria pessoa.
- 3.2.3 (AA)
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:
Mantenha o menu e o breadcrumb na mesma posição em todos os templates, com os itens sempre na mesma ordem. Documente o leiaute de navegação no sistema de design.
Menu das páginas internas
Algumas seções têm menu próprio.
Errado: Ordem varia
Nos templates
Na seção Saúde, o menu começa por “Contato”; nas demais, por “Início”.
A pessoa se perde ao mudar de seção.
Certo: Ordem fixa
Nos templates
Menu principal igual em todas as seções; itens próprios num submenu.
A navegação é previsível.
Implemente a navegação como componente único do leiaute, em vez de montá-la página a página. Não reordene os itens do menu por página e mantenha a ordem do código igual à visual.
Menu por seção
Cada seção monta seu próprio menu.
Errado: Menu copiado em cada template
// saude.html: <nav>Contato | Início | Serviços</nav> // educacao.html: <nav>Início | Serviços | Contato</nav>As cópias divergem com o tempo.
Certo: Componente único
<MenuPrincipal /> // usado em todos os leiautesA ordem é sempre a mesma.
Defina quem pode alterar a navegação principal e exija o leiaute padrão nas novas seções. Sites com muitas equipes publicando tendem a criar menus próprios por área.
Nova seção de uma secretaria
A secretaria pede um visual próprio para sua seção.
Errado: Menu próprio aprovado
Decisão
Seção com menu em outra posição e outra ordem.
Quem navega pelo site perde a referência.
Certo: Identidade sem mudar a navegação
Decisão
Cores e banner próprios; menu principal igual ao do site.
A seção tem identidade e o site continua previsível.
Anote a ordem do menu em pelo menos cinco páginas de modelos diferentes e compare. Registre as páginas em que a ordem ou a posição da navegação muda.
Menu em duas seções
O leitor de tela lista os itens do menu.
Errado: Ordens diferentes
Seção Educação: Início, Serviços, Contato
Seção Saúde: Contato, Início, Serviços
A ordem muda entre seções.
Certo: Mesma ordem
Seção Educação: Início, Serviços, Contato
Seção Saúde: Início, Serviços, Contato
A navegação é consistente.
Dê o mesmo nome ao mesmo destino em todo o site e mantenha um documento com os nomes oficiais da navegação. Não renomeie itens para uma campanha sem voltar depois.
Item “Fale conosco”
O item aparece em várias seções.
Errado: Nomes variados
No menu
“Fale conosco”, “Contato”, “Atendimento” conforme a seção.
Parece que são páginas diferentes.
Certo: Nome único
No menu
“Fale conosco” em todas as seções.
A pessoa reconhece o item.