Componentes
36. Breadcrumb
seed-componentes.md v2.00 · §36seção 73 de 18436-breadcrumb-estavel-v0-43-bc1-bc5-bloco-5-5c.md · MD5 9e40ffafTítulo completo no canon: Breadcrumb — estável (v0.43) · BC1–BC5 · Bloco 5/5C · lote autônomo 1
Em uma frase: A trilha diz a posição na HIERARQUIA, nunca o histórico da sessão; começa em Início e o item atual não é link.
(decisão registrada — ver Histórico da seçã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" + 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). Supersede de 2026-09-24: o nome acessível era "Trilha de navegação (breadcrumb)" e contradizia o SH2 do §46 ("Trilha"), as duas seções estável; o §36 cede ao §46 — veredito dele: "sigo sua recomendação" (MANIFESTO §244). O landmark nav já anuncia "navegação"; repetir no nome é ruído para o leitor de tela |
APG+USWDS (resolução do #3047: atual sem link — link para si mesmo é ruído); NN/g (Home no começo, sem duplicação); §46 SH2, que a suite-shell mede (SH2-04) |
Atual como link (USWDS/UMN contra); separador lido por SR; "Trilha de navegação (breadcrumb)" como nome acessível (redundante com o papel navigation, e divergia do §46) |
| 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: primeiro filho DENTRO do <main>, abaixo do topbar — é onde os quatro moldes do shell já colocam a trilha, e o skip-link (que aponta pro próprio <main>) leva a ela junto |
Medido no estudo SH-P20 (2026-09-20): mover a trilha para ANTES do <main> derruba a régua de contraste rasterizada de 10 PASS·0 FAIL para 5·5 a 1440px (e o mesmo a 390px) — o <main> é a peça branca do CP1, e fora dele a trilha cai sobre o canvas com a luz do material do §93 (4,60 → 3,35–4,23). Veredito dele, 2026-09-21: saída (a) |
Antes do <main> — a leitura literal do GOV.UK, que descreve página sem a camada de material do §93 (saída B do estudo, quebra contraste); trocar as tintas da trilha para viabilizar essa posição (saída c, muda a linha "Tokens" abaixo mesmo assim) |
| 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.)
⚠ SUPERSEDE FORMAL — BC4, 2026-09-21 (
SH-P20,MANIFESTO§241/§242). A redação anterior ("antes do<main>") nunca se cumpriu nos quatro moldes do shell — a trilha sempre foi o primeiro filho DENTRO do<main>, e oenunciadoda pendência (achando 11 telas com trilha e uma falha do skip-link) estava errado em três pontos medidos: são 5 de 17 telas, os moldes não divergem entre si, e o skip-link (que já aponta pro<main>) leva a trilha junto de qualquer forma. A tentativa de aplicar a redação literal (mover a trilha para fora do<main>) foi renderizada de verdade num branch de bancada e derrubou a régua de contraste rasterizada de 10 PASS·0 FAIL para 5·5 (1440px, e o mesmo a 390px) — o<main>é a peça branca do CP1, e fora dele a trilha herda o canvas com a luz do material (§93), medindo entre 3,35 e 4,23 contra o piso de 3,00. A fonte citada para a posição antiga, "NN/g (perto do título)", não se sustenta: as duas páginas do NN/g citadas no Histórico desta seção não usam a palavra "title" nenhuma vez nas edições de 2018/2026 (uma vez em 2007, sobre outro atributo). Veredito dele, verbatim: "Saída A — fica onde está; o BC4 muda. se depois do sistema funcionando acharmos que será melhor mudar o local, reanalisamos no futuro." Nenhum molde muda (a posição real não mudou, só a descrição no canon); nenhum placar muda. Reabertura fica explicitamente permitida se o uso real do SIGA indicar outra posição — não é uma porta fechada.
Também cita o §36: tela-detalhe, tela-lista, tela-referencia, tela-shell, tela-shell-abas, tela-shell-sem-topbar, tela-tabela.