---
fonte: 01-canonicos/seed-componentes.md
versao_da_fonte: v1.43
secao: 36
titulo: "Breadcrumb — `estável` (v0.41) · BC1–BC5 · Bloco 5/5C · lote autônomo 1"
sequencia: 38 de 98
bytes_do_corpo: 3012
md5_do_corpo: 8fa1b838a014b03f214313ce86ffcabc
gerado_por: 06-validacao/geradores/gen-camada-ia.py
nota: fatia GERADA — o corpo abaixo é byte a byte o trecho do canônico; edite o canônico, nunca esta fatia. Canônico inteiro em https://ds.seed.eng.br/01-canonicos/seed-componentes.md
---
## 36. Breadcrumb — `estável` (v0.41) · BC1–BC5 · Bloco 5/5C · lote autônomo 1

> **Base (3 rodadas, 2026-08-06):** R1 — **NN/g "Breadcrumbs: 11 Design Guidelines"** (localização na hierarquia, NUNCA histórico da sessão; caminho único em poli-hierarquia; começa em Início; perto do título; ≥3 níveis) + NN/g 2007 + **GOV.UK Breadcrumbs** (nav rotulado + ol; antes do `<main>`; não usar em estrutura rasa nem jornada linear/transação) + National Archives DS (colapso mobile: primeiro+último com expansão) + UMN/UMich (atual sem link). R2 — shadcn/Bootstrap (aria-current="page" convergente). R3 — **APG breadcrumb pattern** (nav nomeado + ol + separador via CSS decorativo; issue #3047 sobre o último item — resolvida à la USWDS) + **USWDS** (14 testes a11y; separadores ocultos de SR; último item `<span>` com aria-current) + W3C DS + MDN pt-BR (vocabulário "trilha de navegação"/"migalha de pão").

| # | Decisão | Porquê | Descartado |
|---|---|---|---|
| BC1 | **Localização, nunca histórico:** trilha mostra a posição na hierarquia (caminho único). Usar com ≥3 níveis; NÃO usar em estrutura rasa, jornada linear (stepper §38) ou dentro de transação | NN/g (path-based fica longo e não serve a quem chega de link externo); GOV.UK | Trilha de sessão; breadcrumb em wizard |
| BC2 | **Anatomia:** `nav` com `aria-label="Trilha de navegação (breadcrumb)"` + `ol`; separador `›` decorativo (`aria-hidden`); **último item = página atual, `<span>` SEM link, `aria-current="page"`**; começa em "Início" (sem duplicar com o menu global) | APG+USWDS (resolução do #3047: atual sem link — link para si mesmo é ruído); NN/g (Home no começo, sem duplicação) | Atual como link (USWDS/UMN contra); separador lido por SR |
| BC3 | **Colapso:** quando não cabe, mostra **primeiro + "…" + último**; o "…" é botão nomeado que EXPANDE inline e foca o primeiro nível revelado. Nunca truncar rótulos | National Archives DS (padrão oficial); expansão inline evita menu para 2–3 itens | Menu dropdown no "…" (peso do §35 para caso trivial); truncar rótulo |
| BC4 | **Posição:** topo da página de conteúdo, antes do `<main>`, abaixo do topbar — o skip-link pula a trilha junto | GOV.UK (racional do skip-link); NN/g (perto do título) | Trilha no rodapé |
| BC5 | **Fronteira:** o breadcrumb NÃO é navegação primária (o shell F6 é); em página raiz de módulo não aparece (nível <3) | NN/g (secundária por definição) | Breadcrumb como substituto de menu |

**Tokens:** links via `--seed-text-link` (par §26); atual `text-primary` 700; separador `text-muted` decorativo; "…" com hitbox W4. **Nenhum par novo.** Os 7 testes: 1 herdados ✓ · 2 atual por peso+sem-sublinhado+aria-current · 3 grayscale ok (peso) · 4 trilha × tabs a 1s (hierarquia × vistas) · 5 um caminho só · 6 posição visível · 7 360px colapsado com alvos 44. *(Suite 5C: BC-01–04 ✓; colapso renderizado no gate.)*

---

