Navegação
Caminho de navegação
Breadcrumbs
Uma sequência de links que mostra onde você está dentro da hierarquia do site.
Exemplo didático · Representação visual do padrão
Quando usar
Ajudar a voltar a categorias anteriores em sites com vários níveis.
Cuidados e acessibilidade
Identifique a página atual e não confunda hierarquia com histórico de navegação.
Partes e comportamento
Ancestrais clicáveis, separadores decorativos e indicação da página atual.
Não confunda
A trilha representa a hierarquia do conteúdo, não a ordem das páginas visitadas.
Exemplo de código
<nav aria-label="Caminho de navegação">
<ol>
<li><a href="/">Início</a></li>
<li><span aria-current="page">Projetos</span></li>
</ol>
</nav>Trecho didático. Integre e teste no contexto do seu projeto.