Succescriterium 2.4.3 Focus volgorde
Als in webpagina’s sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.
Focus volgorde begrijpen (Engelstalig)
Focus volgorde is de volgorde waarin elementen op een webpagina actief worden bij toetsenbordnavigatie. Deze volgorde moet kloppen met hoe de content bedoeld is. De volgorde waarin je door elementen tabt moet dus logisch zijn en de betekenis van de content bewaren.
Als de focus volgorde niet logisch is, dan kan dit verwarrend zijn voor mensen die alleen een toetsenbord gebruiken en mensen die een schermlezer gebruiken.
In HTML wordt de focus volgorde bepaald door:
- De volgorde van elementen in de code (de DOM)
- Aanpassingen in de volgorde met het
tabindex-attribuut - Aanpassingen in de volgorde met JavaScript
Niet alle volgorde is even belangrijk. Een artikel en een zijbalk kunnen prima in verschillende volgordes staan zonder dat de betekenis verandert. Maar binnen een artikel is de volgorde meestal wel belangrijk.
Hoe pas je dit toe?
- Zorg dat de focus volgorde de betekenis of bedienbaarheid van de content niet verandert.
- Zorg dat de focus volgorde niet door verborgen bedieningselementen gaat.
- Zorg dat de focus volgorde correct mee gaat bij dynamische content, zoals een navigatie, dialoogvenster, enz.
Voor wie is dit belangrijk?
- Mensen die alleen het toetsenbord gebruiken.
- Mensen die een fysieke of motorische beperking hebben.
- Mensen die een schermlezer gebruiken.
- Mensen die blind of slechtziend zijn.
Wie is verantwoordelijk?
- Ontwikkelaar