13 -Navegação consistente

Navegação consistente

Disponibilizar menu de navegação, campo de busca ou similar consistentes em todas as interfaces criando um meio familiar em todo aplicativo.

Perfis atendidos: Deficiência visual, motora e cognitiva.

Morga

2 - disponibilizar o bloco do conteúdo principal da página antes do bloco de menu;

5 - o primeiro link da página deve ser o de ir para o conteúdo;

6 - separar links adjacentes: links adjacentes devem ser separados por mais do que simples espaços, em especial para usuários que utilizam leitor de tela;

13.1 - Blocos de contorno

Permitir que as pessoas que navegam sequencialmente pelo conteúdo tenham fácil acesso ao conteúdo principal da interface.

Isso pode ser feito com um link para o conteúdo principal no inicio na interface, e sua localização deve ser antes do menu de navegação.

Critérios de sucesso: A WCAG: 2.4.1

Recomendação

Definir na documentação de acessibilidade a localização do link ao conteúdo principal da página, e delimitar o que é o conteúdo principal.

Exemplos

Atalho para o conteúdo

A página inicial de uma organização de notícias contém uma história principal no meio da página, cercada por muitos blocos e barras laterais para publicidade, pesquisa e outros serviços. Há um link no topo da página que direciona para a história principal. Sem usar esse link, um usuário de teclado precisa percorrer cerca de 40 links para chegar à história principal; o usuário do leitor de tela precisa ouvir 200 palavras; e o usuário da lupa deve pesquisar a localização do corpo principal.

13.2 - Navegação consistente

Garantir que menus de navegação ocorram na mesma ordem em cada interface ajuda os usuários a se sentirem confortáveis, pois serão capazes de prever onde encontrar coisas em cada interface.

Isso pode ser feito persistindo um menu organizado em lista como opção de navegação em todas interfaces.

Critérios de sucesso: AA WCAG: 3.2.3

Recomendação

Documentar a barra/menu de navegação como Nav, organizar os itens em listas e sub-listas se necessário, disponibilizar um campo de busca pode facilitar para o usuário.

Exemplos

Localização consistente

Um campo de pesquisa é o último item de cada página da Web em um site. os usuários podem localizar rapidamente a função de pesquisa.

Menu em expansão

Um menu de navegação inclui uma lista de sete itens com links para as seções principais de um site. Quando um usuário seleciona um desses itens, uma lista de itens de sub-navegação é inserida no menu de navegação de nível superior.

Pular para conteúdo

Um link de "pular navegação" (ou "pular para o conteúdo principal") é incluído como o primeiro link em cada página de um site. O link permite que os usuários ignorem rapidamente as informações de título e o conteúdo de navegação e comecem a interagir com o conteúdo principal de uma página.

Link para navegação

O conteúdo de navegação está consistentemente localizado no final de cada página em um conjunto de páginas da web. Um link "pular para navegação" está localizado consistentemente no início de cada página para que os usuários do teclado possam localizá-lo facilmente quando necessário.