Navegação
Barra de navegação
Navigation bar
Reúne links para as principais áreas de um site ou aplicativo.
Exemplo didático · Representação visual do padrão
Quando usar
Orientar os destinos mais importantes sem sobrecarregar a página.
Cuidados e acessibilidade
Marque o destino atual com aria-current e mantenha os nomes previsíveis.
Partes e comportamento
Região de navegação, lista de destinos e indicação da página atual.
Não confunda
O cabeçalho é a região completa; a barra de navegação é uma de suas partes.
Exemplo de código
<nav aria-label="Principal">
<a href="/" aria-current="page">Início</a>
<a href="/projetos/">Projetos</a>
</nav>Trecho didático. Integre e teste no contexto do seu projeto.