Breadcrumbs v6.0.0
Tydeliggjør brukerens nåværende posisjon og gjør det enkelt å navigere tilbake.
Breadcrumbs
Se Breadcrumbs i StorybookEkstern lenkeRetningslinjer
Brødsmulestien skal brukes når løsningen har en hierarkisk struktur med mer enn to nivåer. Som navigasjonselementer skal de vise hvor brukeren befinner seg i strukturen og gi rask vei tilbake. Lenketekstene bør være korte og beskrivende, og tydelig reflektere innholdet på siden de peker til. Brødsmulestien plasseres venstrestilt over hovedinnholdet på siden. Den skal ikke brukes dersom navigasjonen er lineær, som i en skjemaflyt, eller hvis strukturen kun har to nivåer – da kan "back"-variant av Nav-link vurderes. Dersom primærnavigasjonen allerede gir tilstrekkelig oversikt, er brødsmulesti heller ikke nødvendig.
Anatomi
- Peker alltid på siden som er øverst i hierakiet, typisk en forside
- Chevron: Tydeliggjør nivåene i stien
- Navigerer til underside
- Viser siden du står på. Den oppfører seg ikke som en lenke
Tilgjengelighet
En brødsmulesti kan ha mange interaktive elementer som en tastaturbruker må kunne komme seg enkelt forbi. Det er derfor viktig at skip-link til hovedinnholdet også hopper over brødsmulestien.