Succescriterium 2.4.1 Blokken omzeilen
Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina’s worden herhaald te omzeilen.
Blokken omzeilen begrijpen (Engelstalig)
Als je met het toetsenbord door een website navigeert, is het vervelend om steeds door het logo, de hele navigatie en eventueel een zoekveld te moeten gaan. Daarom is het belangrijk dat je deze blokken kunt overslaan. Zorg daarom dat deze herhalende blokken met content kunnen worden overgeslagen. Denk aan een “Ga naar de inhoud”-link die bovenaan de pagina staat maar alleen zichtbaar wordt als deze de focus krijgt.
Hoe pas je dit toe?
- Zorg dat herhalende blokken met content kunnen worden overgeslagen.
- Gebruik een skiplink om direct naar de content te kunnen springen.
Lees het artikel over skiplinks
Handige tips
- Gebruik ook landmarks (
<nav>,<main>,<aside>) om pagina-onderdelen te markeren - Gebruik ook een logische koppenstructuur (
<h1>,<h2>,<h3>) om secties te onderscheiden
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
Hoe toets je dit?
Testprocedure
Test 1: Skiplink
- Bepaal of er herhalende blokken met content aanwezig zijn
- Als er herhalende blokken met content aanwezig zijn:
- Herlaad de pagina
- Navigeer alleen met het toetsenbord (Tab) en controleer:
- Of er minimaal 1 skiplink aanwezig is voordat de content begint
- Of de skiplink bij de eerste 3 focusbare elementen zit
- Of de skiplink zichtbaar wordt bij toetsenbordfocus
- Of de skiplink alle herhalende blokken content overslaat
- Of de focus wordt verplaatst naar het doel van de skiplink
Belangrijk om te weten
- Het is ook goed als de skiplink altijd zichtbaar is
Beoordeling
- Als er herhalende blokken met content zijn, dan moet er een skiplink aanwezig zijn
- De skiplink moet altijd zichtbaar zijn of zichtbaar worden bij toetsenbordfocus
- De focus moet wordt verplaatst naar het doel van de skiplink