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 gebruikers 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?
- Zet navigatie die op meerdere pagina’s terugkomt, steeds in dezelfde volgorde ten opzichte van de rest van de pagina. Dat geldt voor wat je ziet én voor de volgorde in de code.
- Zet de items binnen een navigatie op elke pagina in dezelfde volgorde. Items toevoegen of weglaten mag, zolang de andere items hun onderlinge volgorde houden.
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?
Benodigdheden
- Viewport ingesteld op 1280px bij 1024px
Uitzonderingen
Uitzonderingen zijn:
- de gebruiker heeft de wijziging zelf gestart
Geldt alleen voor:
- navigatie die op meerdere pagina’s binnen een verzameling webpagina’s wordt herhaald
Testprocedure
Test 1: Navigaties
- Open de te testen webpagina
- Stel de viewport in op 1280px bij 1024px
- Zorg dat de zoom op 100% staat
- Inventariseer de pagina
- Bepaal welke navigatiemechanismen er zijn:
- Navigatiemenu’s
- Zoekvelden
- Broodkruimelpad
- Skiplink
- Bepaal voor elk navigatiemechanisme:
- Welke content ervoor en erna staat
- De volgorde van de items binnen het navigatiemechanisme
- Bepaal welke navigatiemechanismen er zijn:
- Verken meerdere andere pagina’s binnen dezelfde verzameling webpagina’s
- Bepaal welke navigatiemechanismen terugkomen
- Bepaal welke navigatiemechanismen alleen op een deel van de pagina’s terugkomen (bijvoorbeeld het submenu van een sectie)
- Vergelijk de herhaalde navigatiemechanismen op alle bezochte pagina’s en controleer:
- Of elk navigatiemechanisme in dezelfde relatieve volgorde staat ten opzichte van de andere content
- Of de items binnen elk navigatiemechanisme in dezelfde relatieve volgorde staan
- Zoek in de code op elke pagina naar de herhaalde navigatiemechanismen en controleer:
- Of elk navigatiemechanisme in dezelfde relatieve volgorde staat ten opzichte van de andere content
- Of de items binnen elk navigatiemechanisme in dezelfde relatieve volgorde staan
Belangrijk om te weten
- Het gaat om dezelfde relatieve volgorde, niet om een vaste plek. Er mag andere content tussen komen, zolang de onderlinge volgorde gelijk blijft.
- Een navigatiemechanisme mag op een pagina ontbreken. De overige navigatiemechanismen blijven dan in dezelfde volgorde.
- Een proces met een eigen sjabloon, zoals een bestelproces, telt als een eigen verzameling webpagina’s.
- Een andere volgorde bij een andere schermbreedte of een ander zoomniveau is geen fout.
Beoordeling
- Navigatiemechanismen die op meerdere pagina’s binnen een verzameling webpagina’s worden herhaald, moeten op elke pagina in dezelfde relatieve volgorde staan ten opzichte van de andere content, zowel visueel als in de code
- De items binnen elk herhaald navigatiemechanisme moeten op elke pagina in dezelfde relatieve volgorde staan, zowel visueel als in de code