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)
Veel pagina’s beginnen met dezelfde blokken: een header met logo, een navigatiemenu en een zoekveld. Navigeer je met het toetsenbord, dan moet je op elke pagina opnieuw door al die links heen. Dat kan tientallen toetsaanslagen kosten. Een schermlezer leest al die links ook elke keer opnieuw voor.
Zorg daarom dat je deze herhalende blokken kunt overslaan. Gebruik hiervoor een skiplink: een link bovenaan de pagina, zoals “Ga naar de inhoud”. Die link brengt je direct naar de hoofdinhoud. Vaak is de skiplink verborgen tot hij toetsenbordfocus krijgt.
WCAG noemt ook andere manieren, zoals koppen en oriëntatiepunten. In Nederlands toegankelijkheidsonderzoek is dat niet genoeg. Daar telt alleen een skiplink.
Hoe pas je dit toe?
- Zorg dat herhalende blokken met content kunnen worden overgeslagen.
- Zet een skiplink als eerste bedieningselement op de pagina, vóór de header en de navigatie.
- Laat de skiplink verwijzen naar het begin van de hoofdinhoud.
- Maak de skiplink altijd zichtbaar, of laat hem verschijnen zodra hij toetsenbordfocus krijgt.
- Heeft de pagina meerdere grote gebieden? Voeg dan meerdere skiplinks toe.
Lees het artikel over skiplinks
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?
Hoe toets je dit?
Uitzonderingen
Geen uitzonderingen
Geldt alleen voor:
- blokken content die op meerdere webpagina’s worden herhaald
Testprocedure
Test 1: Skiplink
- Verken meerdere pagina’s van de website
- Bepaal welke blokken content op meerdere pagina’s terugkomen vóór de hoofdcontent:
- Header met logo en zoekfunctie
- Navigatiemenu’s
- Broodkruimelpad
- Sidebar of filters
- Bepaal welke blokken content op meerdere pagina’s terugkomen vóór de hoofdcontent:
- Herlaad de pagina
- Navigeer met Tab vanaf het begin van de pagina en controleer:
- Of er een skiplink staat vóór de herhalende blokken
- Of de skiplink altijd zichtbaar is of zichtbaar wordt bij toetsenbordfocus
- Activeer de skiplink met Enter
- Druk op Tab en controleer:
- Of de focus op het eerste bedieningselement na het doel van de skiplink komt
- Of de skiplink alle herhalende blokken vóór de hoofdinhoud overslaat
Belangrijk om te weten
- Herhalende blokken ná de hoofdinhoud, zoals een footer, hoeven niet te worden overgeslagen.
- Staan er meerdere skiplinks? Voor dit succescriterium telt de skiplink die de herhalende blokken overslaat.
- Is de focusindicator op de skiplink niet te zien? Zie 2.4.7 Focus zichtbaar.
- Valt de skiplink bij focus achter een sticky header? Zie 2.4.11 Focus niet bedekt (minimum).
Beoordeling
- Bij herhalende blokken content vóór de hoofdcontent moet er een skiplink vóór die blokken staan
- Het doel van de skiplink moet na alle herhalende blokken vóór de hoofdcontent liggen
- De skiplink moet altijd zichtbaar zijn of zichtbaar worden bij toetsenbordfocus
- Na het activeren van de skiplink moet de toetsenbordnavigatie verdergaan vanaf het doel van de skiplink