Succescriterium 3.2.3 Consistente navigatie
Navigatiemechanismen, die op meerdere webpagina’s binnen een verzameling webpagina’s herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.
Consistente navigatie begrijpen (Engelstalig)
Een consistente indeling maakt websites beter te navigeren en te begrijpen. Dit helpt bezoekers te begrijpen waar ze bepaalde knoppen of menu’s kunnen vinden. Het helpt hen om snel te vinden wat ze zoeken zonder elke keer de hele pagina te moeten scannen. Dit is vooral fijn voor mensen die maar een klein deel van het scherm tegelijk kunnen zien of die moeite hebben met het onthouden waar alles staat.
Als je navigaties aanbiedt op meerdere pagina’s, dan moeten ze steeds in dezelfde volgorde staan.
Hoe pas je dit toe?
- Zorg dat navigaties die op meerdere pagina’s worden herhaald, steeds in dezelfde volgorde ten opzichte van elkaar staan.
Voor wie is dit belangrijk?
- Mensen die een schermlezer gebruiken.
- Mensen die blind of slechtziend zijn.
- Mensen die een cognitieve, taal- of leerbeperking hebben.
Wie is verantwoordelijk?
Hoe toets je dit?
Testprocedure
Test 1: Navigaties
- Inventariseer de beginpagina
- Bepaal welke navigatie-elementen er zijn:
- Navigatiemenu’s
- Zoekvelden
- Broodkruimelpaden
- Bepaal voor elk navigatie-element:
- De positie op de pagina
- De volgorde van de items binnen het element
- Bepaal welke navigatie-elementen er zijn:
- Verken meerdere andere pagina’s binnen dezelfde website
- Vergelijk de navigatie-elementen op alle bezochte pagina’s en controleer:
- Of de navigatie-elementen op elke pagina in dezelfde positie ten opzichte van elkaar staan
- Of de items binnen elk navigatie-element in dezelfde volgorde staan
- Zoek in de code op elke pagina naar de navigatie-elementen en controleer:
- Of de navigatie-elementen in de code in dezelfde relatieve volgorde staan
Belangrijk om te weten
- Het gaat om dezelfde relatieve volgorde, niet om een vaste plek. Een navigatie-element mag verschuiven (bijvoorbeeld bij een responsive layout), zolang de onderlinge volgorde gelijk blijft.
- Je mag items toevoegen of weglaten. De volgorde blijft gelijk zolang de overige items hun onderlinge volgorde houden.
- Een proces (zoals een bestelflow) telt als een eigen verzameling pagina’s. De navigatie daarin moet consistent zijn, maar mag afwijken van de rest van de site.
Beoordeling
- Navigatiemechanismen die op meerdere pagina’s worden herhaald moeten op elke pagina in dezelfde positie ten opzichte van elkaar staan
- De items binnen elk herhaald navigatiemechanisme moeten op elke pagina in dezelfde volgorde staan