Jøkul
Komponenter

Breadcrumbs v4.7.2

En brødsmulesti tydeliggjør brukerens nåværende posisjon og gjør det enkelt å navigere tilbake.

Ting å tenke på

  • Veiledende

    En brødsmulesti hjelper brukeren å forstå hvor man befinner seg i løsningen.

  • Konsekvent

    Brødsmulesti står øverst på alle sider som ikke er forsiden.

  • Sekundær

    Brødsmulesti brukes i tillegg til primærnavigasjon.

Retningslinjer

Brødsmulestien skal brukes når løsningen har en hierarkisk struktur med mer enn to nivåer. Den gir brukeren kontekst og oversikt over hvor de befinner seg i strukturen. 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

  1. Peker alltid på siden som er øverst i hierakiet, typisk en forside
  2. Chevron: Tydeliggjør nivåene i stien
  3. Navigerer til underside
  4. 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.