Breadcrumb

O breadcrumb (em português, 'trilha de migalhas', em referência à fábula João e Maria) é um componente que mostra ao usuário a localização atual dentro da arquitetura da informação do site, além de permitir a navegação pelos níveis indicados nele.

Quando usar

Deve ser usados em sites que tenham grandes quantidades de conteúdo, organizados em uma hierarquia com mais de dois níveis. No caso do Senado, todas as páginas devem possuir um breadcrumb, com exceção da página inicial do Senado e das páginas de hotsites.


Anatomia

  • Página atual: mostra o nome da página onde o usuário está. Não é um link.
  • Link de páginas: mostra as outras camadas hierárquicas acima da página atual, e permite que o usuário navegue por elas rapidamente.
  • Separador: claramente distingue uma página da outra.

Acordeão


Comportamento

  • Interações: o usuário pode navegar para a página através do clique sobre o link no texto do breadcrumb.