Breadcrumb
En brødsmulesti brukes der man har en trestruktur i navigasjonen, og det er behov for å synliggjøre hvor i denne strukturen brukeren befinner seg.
Prinsipper
Brødsmulestien vises typisk høyt oppe på siden, gjerne rett under headeren. Dersom en brødsmulesti brukes i applikasjonen skal den vises på alle sider som ikke er forsiden. Alle elementene i brødsmulestien skal være klikkbare lenker, men den nåværende siden skal se ut som vanlig tekst.
Når skal du bruke breadcrumb
Vi bruker en brødsmulesti når det er en trestruktur i navigasjonen – tenk mapper.
Det blir typisk et behov først når det er tre eller flere nivåer. Likevel, dersom en brødsmulesti brukes i applikasjonen overhode skal den vises på alle sider som ikke er forsiden – altså selv på nivå to.
Vi bruker ikke brødsmulestier når det er en lineær navigasjon, for eksempel for de ulike stegene i en kjøpsflyt eller et oppsigelsesskjema.
Om det bare er to nivåer i strukturen bruker vi typisk en back-variant av NavLink.
Tilgjengelighet
En brødsmulesti har potensielt mange interaktive elementer som en tastaturbruker lett må komme seg forbi. Det er derfor viktig at skip-link til hovedinnholdet også hopper over brødsmulestien.