Locatie
Gebruikers moeten kunnen vaststellen waar ze zich bevinden binnen een set pagina's — doorgaans via breadcrumbs, een huidige-pagina-indicator in de navigatie, of een sitemap die de actieve sectie markeert.
Wat het vereist
Wanneer een site meer dan een handvol pagina’s telt, hebben gebruikers — met name mensen met cognitieve beperkingen of schermlezergebruikers die snel bladeren — een „u bevindt zich hier“-signaal nodig. De paginatitel geeft één aanwijzing; dit succescriterium vraagt om meer: een breadcrumbpad dat de hiërarchie toont, een huidige-pagina-markering in de primaire navigatie, of een sitemap die de actieve sectie markeert.
Dit is AAA, dus voor de meeste teams is het een ambitie, maar het loont op documentatiesites, e-commercecatalogi en elke informatiestructuur dieper dan twee niveaus.
Hoe hieraan te voldoen
- Voeg een breadcrumb toe boven de hoofdkop op elke pagina die niet op het topniveau staat:
Home › Toolkit › Standaarden › WCAG 2.2. - Markeer de huidige-paginalink in de navigatie met
aria-current="page"en onderscheid hem visueel (vetgedrukt, accentkleur, onderstreping). - Toon voor lange formulieren of meerstappige processen een stapindicator: „Stap 2 van 5: Verzending.“
- Maak van de breadcrumb een
<nav aria-label="Breadcrumb">met een geordende lijst, waarbij het laatste item geen link is. - Spiegel voor uitgebreide documentatiesites de informatiestructuur in een linker-zijbalkboom die uitklapt om de tak van de huidige pagina te tonen.
Veelvoorkomende fouten
- Breadcrumbs die alleen de sectie op het hoogste niveau tonen, niet het volledige pad.
- Huidige-paginalinks in de navigatie die er identiek uitzien als inactieve links —
aria-currentis ingesteld maar er is geen visuele indicator. - Stapindicatoren op meerstappige formulieren die alleen „Stap 2“ tonen zonder totaal, zodat gebruikers niet weten hoeveel er nog resteert.
- Breadcrumbs die de huidige pagina teruglinken naar zichzelf (beperkte impact, maar veroorzaakt lichte verwarring).
- Alleen een „Home“-link, zonder andere locatieaanwijzingen, op een documentatieboom die 5 niveaus diep gaat.
Waarom het ertoe doet
Cognitieve belasting is de stille toegankelijkheidsbelasting. Gebruikers met ADHD, dyslexie, werkgeheugenverschillen, of iedereen die in een tweede taal navigeert, zijn afhankelijk van persistente locatieaanwijzingen om context te behouden. Zonder die aanwijzingen is elke klik op een link een sprong in het duister. Breadcrumbs en aria-current kosten vrijwel niets om toe te voegen en verbeteren de ervaring voor iedereen — wat de reden is waarom veel teams 2.4.8 hanteren ook al committeren ze zich slechts aan AA.