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 langs al die links en velden. Dat kunnen wel eens tientallen toetsaanslagen zijn. Een schermlezer leest al die links ook elke keer opnieuw voor.
Zorg daarom dat gebruikers deze herhalende blokken kunnen overslaan. Gebruik hiervoor een skiplink: een link bovenaan de pagina, zoals “Ga naar de inhoud”. Die link springt direct naar de hoofdcontent. 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?
- Zet een skiplink als eerste bedieningselement op de pagina, vóór de header en de navigatie.
- Laat de skiplink naar het begin van de hoofdcontent springen. Staan er vóór de hoofdcontent ook filters of een zijbalk die op elke pagina terugkomen? Laat de skiplink daar ook overheen springen.
- Maak de skiplink altijd zichtbaar, of laat hem verschijnen zodra hij toetsenbordfocus krijgt.
- Geef de skiplink een tekst die zegt waar hij heen gaat, zoals “Ga naar de inhoud”.
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
- Verken de pagina met toetsenbord
- Navigeer met Tab vanaf het begin van de pagina tot de hoofdcontent
- Bepaal welke skiplinks er zijn
- Bepaal voor elke skiplink:
- Of de skiplink altijd zichtbaar is of zichtbaar wordt bij toetsenbordfocus
- Activeer de eerste skiplink met Enter
- Druk op Tab en controleer:
- Of de focus op het eerste bedieningselement na het doel van de skiplink komt
- Herhaal stap 4 en 5 voor elke volgende skiplink
- Controleer of minstens één van de volgende waar is:
- Of één skiplink alle herhalende blokken vóór de hoofdcontent overslaat
- Of elk herhalend blok vóór de hoofdcontent een eigen skiplink direct vóór het blok heeft, met het doel direct na het blok
- Controleer voor elke skiplink die een herhalend blok overslaat:
- Of de skiplink altijd zichtbaar is of zichtbaar wordt bij toetsenbordfocus
Belangrijk om te weten
- Herhalende blokken ná de hoofdcontent, zoals een footer, hoeven niet te worden overgeslagen.
- Staan er meerdere skiplinks? Voor dit succescriterium tellen alleen de skiplinks die herhalende blokken overslaan.
- Is de tekst van de skiplink onduidelijk? Zie 2.4.4 Linkdoel (in context).
- 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).
- De eis dat er een skiplink is, staat niet letterlijk in WCAG: ook koppen (H69) en oriëntatiepunten (ARIA11) zijn voldoende technieken. De eis volgt de Nederlandse onderzoekspraktijk, waarin de skiplink de enige gangbare slaagroute is. Koppen en oriëntatiepunten werken alleen met hulptechnologie, dus toetsenbordgebruikers zonder hulptechnologie moeten dan alsnog door alle herhalende blokken navigeren.
Beoordeling
- Bij herhalende blokken content vóór de hoofdcontent moet er een skiplink vóór die blokken staan
- Voor alle herhalende blokken content vóór de hoofdcontent moet minstens één van de volgende zaken gelden:
- Het doel van de skiplink ligt na alle herhalende blokken vóór de hoofdcontent
- Elk herhalend blok heeft een eigen skiplink direct vóór het blok en het doel van die skiplink ligt direct na het blok
- Elke skiplink die een herhalend blok overslaat, moet altijd zichtbaar zijn of zichtbaar worden bij toetsenbordfocus
- Na het activeren van een skiplink moet de toetsenbordnavigatie verdergaan vanaf het doel van de skiplink