Regiões identificadas unicamente
O que a norma pede
Quando há mais de uma região do mesmo tipo, como dois menus de navegação, cada uma tem um nome acessível próprio que a diferencia.
- 1.3.1 (A)
- 4.1.2 (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:
Dê um nome a cada região repetida na especificação, como “Principal” e “Rodapé” para dois menus de navegação. Use nomes curtos que façam sentido fora da tela.
Três menus na página
Menu principal, menu da seção e menu do rodapé.
Errado: Sem nomes
Na especificação
Três áreas de navegação sem identificação.
O leitor anuncia “navegação” três vezes.
Certo: Com nomes
Na especificação
Navegação “Principal”, “Nesta seção” e “Rodapé”.
Cada menu é reconhecível.
Nomeie cada região repetida com aria-label, ou com aria-labelledby apontando para um título visível. Não inclua o tipo no nome, porque o leitor de tela já anuncia “navegação”.
Menus principal e de rodapé
Dois elementos nav na página.
Errado: Menus iguais
<nav>…</nav> … <nav>…</nav>Não dá para distinguir os menus.
Certo: Menus nomeados
<nav aria-label="Principal">…</nav> … <nav aria-label="Rodapé">…</nav>O leitor anuncia “Principal, navegação” e “Rodapé, navegação”.
Inclua os nomes das regiões no padrão do leiaute e revise cada novo componente de navegação. Ferramentas automáticas detectam regiões repetidas sem nome.
Relatório de auditoria
A ferramenta automática aponta regiões repetidas sem nome.
Errado: Ignorado
Decisão
Classificado como “baixa prioridade estética”.
A orientação continua prejudicada.
Certo: Corrigido no leiaute
Decisão
Nomes incluídos no leiaute base em uma entrega curta.
Resolvido para todo o site.
Liste as regiões da página e procure tipos repetidos. Cada região repetida precisa de um nome que a diferencie das outras e diga o que ela contém.
Lista de regiões
Duas navegações na página.
Errado: Nomes repetidos
“Navegação”
“Navegação”
Não se sabe qual é qual.
Certo: Nomes únicos
“Principal, navegação”
“Rodapé, navegação”
A escolha é clara.
Escolha para as regiões nomes de uma ou duas palavras que digam o que a área contém, sem jargões internos da equipe. Mantenha os mesmos nomes em todo o site.
Nome do menu da seção
Um menu lista as páginas de uma seção do site.
Errado: Nome interno
Nome da região
“Submenu lateral v2”
O nome não diz nada à pessoa.
Certo: Nome claro
Nome da região
“Nesta seção”
A pessoa entende o que o menu oferece.