Komponenter
Breadcrumbs
Breadcrumbs hjelper brukarane med å forstå kvar dei er i ei struktur, og gjer det mogleg å navigere tilbake til høgare nivå.
Dette må du sjekke selv
Breadcrumbs skal håndteres slik at den ikke blir for lang på små skjermer.
Test at brødsmulestien ikke går utenfor synlig område ved smal viewport eller høy zoom. Hvis stien blir for lang, bør den erstattes med en tilbake-lenke.
Se dokumentasjon for Breadcrumbs for anbefalt løsning.
Skiplink skal hoppe forbi breadcrumbs og direkte til hovedinnholdet.
Brukeren skal kunne navigere forbi gjentakende innhold uten å måtte gå gjennom breadcrumbs.
WCAG: 2.4.1 Hoppe over blokker
Lenketekstene i breadcrumbs skal være forståelige.
Unngå generiske navn eller forkortelser som er vanskelige å forstå. Eksempel: “Skatt for næringsdrivende” Ikke bare: “Side 2” eller “Info”
Breadcrumbs skal være konsistent plassert og bygget opp på tvers av sider.
Brødsmulestien skal vises på samme sted og i samme rekkefølge på alle sider der den brukes.
Breadcrumbs skal ikke være eneste måte å navigere på.
Brukeren skal ha flere måter å navigere til innholdet på.
WCAG: 2.4.5 Flere måter
Siste nivå
Den siste lenka skal tilsvare noverande side. Den ser ut som vanleg tekst, men er koda som ein lenkje med aria-current="page". På den måten får skjermlesarar korrekt informasjon om kva side brukaren er på, utan at andre brukarar feilaktig oppfattar det som ei klikkbar lenkje.