Dit is één mogelijke implementatie, er zijn meerdere implementaties mogelijk.
Een broodkruimelpad laat zien waar je bent op een website. Het is een lijst met links naar bovenliggende pagina’s. Gebruikers zien waar ze zijn en kunnen makkelijk terug naar vorige niveaus.
Technische opbouw
- (1.3.1) Links moeten gestructureerd zijn in een
<ol>– of<ul>-element - (1.3.1) Het huidige pagina-item (laatste onderdeel) moet
aria-current="page"hebben
Optioneel
- (1.3.1) Het component moet een
<nav>-element gebruiken - Het
<nav>-element moet een toegankelijke naam hebben hebben die het onderwerp beschrijft
Voorbeeld broodkruimelpad
See the Pen Broodkruimelpad by Niek (@niekd) on CodePen.
Bronnen
- Breadcrumb Pattern | APG | WAI | W3C (Engelstalig)
- Accessible Breadcrumb Navigation (Engelstalig)