Succescriterium 1.3.2 Betekenisvolle volgorde
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.
Betekenisvolle volgorde begrijpen (Engelstalig)
Leesvolgorde is volgorde waarin teksten en elementen op een website worden gepresenteerd aan een schermlezer. Als deze volgorde belangrijk is voor het begrijpen van een tekst, zorg dan dat die volgorde ook in de code goed staat.
Als de leesvolgorde niet logisch is, dan kan dit verwarrend zijn voor mensen die een schermlezer gebruiken. Zorg daarom dat de leesvolgorde logisch en betekenisvol blijft.
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 leesvolgorde van een schermlezer de betekenis van de content niet verandert.
Schermlezer
Een schermlezer is een hulptechnologie die tekst op alternatieve manier presenteert, zoals voorleessoftware of een brailleleesregel.
Test zelf je website eens met voorleessoftware, zoals NVDA voor Windows of VoiceOver voor macOS. Lees door je website en luister naar de aankondigingen.
Handige tips
- Plaats gerelateerde content in een logische volgorde in de code.
- Vermijd CSS om elementen in een andere volgorde te tonen.
- Gebruik geen tabellen voor opmaak.
Voor wie is dit belangrijk?
- Mensen die een schermlezer gebruiken.
- Mensen die blind of slechtziend zijn.
Wie is verantwoordelijk?
Hoe toets je dit?
Benodigdheden
- Minimaal twee verschillende browsers (bijvoorbeeld Chrome en Firefox)
- Minimaal twee verschillende schermlezers (bijvoorbeeld NVDA en VoiceOver)
Testprocedure
Test 1: Schermlezer
Statische content
- Inventariseer de pagina
- Bepaal welke statische content er is:
- Koppen
- Paragrafen
- Afbeeldingen
- Lijsten
- Tabellen
- Citaten
- Links
- Bepaal waar de volgorde van content de betekenis beïnvloedt:
- Stappenplannen en instructies
- Artikelen en nieuwsberichten
- Formulieren met labels en invoervelden
- Kolom- of gridopmaak
- Presentatietabellen
- Bepaal welke statische content er is:
- Herlaad de pagina
- Schakel nu je schermlezer in, gebruik alleen het toetsenbord en controleer:
- Of de volgorde waarin de content wordt voorgelezen logisch en betekenisvol is
Witruimte
- Inventariseer de pagina
- Bepaal of er tekst is die visueel breed of verspreid is weergegeven (bijv. koppen met extra ruimte tussen letters)
- Bepaal of er content is die in kolommen of tabelstructuur is opgemaakt met witruimte (spaties, tabs of regeleindes)
- Controleer:
- Of er geen spaties, tabs of andere witruimtekarakters worden gebruikt om de afstand tussen letters in een woord te vergroten
- Of er geen witruimtekarakters worden gebruikt om kolommen na te bootsen in platte tekst
- Of er geen witruimtekarakters worden gebruikt om tabellen na te bootsen in platte tekst
Presentatietabellen
- Inventariseer de pagina:
- Bepaal welke tabellen worden gebruikt voor lay-out (presentatietabellen)
- Controleer voor elke presentatietabel:
- Of de content logisch is als de content per rij van links naar rechts wordt voorgelezen
- Of de betekenis behouden blijft bij linearisatie
Dynamische content
- Verken de pagina:
- Bepaal welke dynamische content er is:
- Navigaties en subnavigaties
- Accordeons of andere elementen die kunnen uitvouwen en samenvouwen
- Dialoogvensters
- Carrousels
- Tabbladen
- Mediaspelers
- Bepaal welke dynamische content er is:
- Controleer bij elementen die uitvouwen (accordeons, subnavigaties, tabpanelen):
- Of de nieuwe content in de leesvolgorde direct na het activerende element staat
- Controleer bij dialoogvensters:
- Of de leesvolgorde binnen het dialoogvenster blijft tot het wordt gesloten
- Controleer bij andere dynamische content (carrousels, dynamisch geladen secties):
- Of nieuwe content op een logische plek in de leesvolgorde verschijnt
- Of de leesvolgorde correct mee gaat bij wisselen van de content
- Herhaal stap 4 en 9 t/m 11 in een andere browser
Belangrijk om te weten
- De leesvolgorde hoeft niet precies overeen te komen met de visuele volgorde
- Bewuste afwijkingen in de leesvolgorde kunnen acceptabel zijn zolang het de betekenis van de inhoud niet verandert
- Focusmanagement (de focus verplaatsen naar een dialoogvenster, terugzetten na sluiting, focus op een ankerlink) valt onder succescriterium 2.4.3 Focusvolgorde
- Informatieve content die verborgen is voor schermlezers en content die onterecht zichtbaar is in de leesvolgorde valt onder succescriterium 1.3.1 Info en relaties
Beoordeling
- De leesvolgorde moet logisch en betekenisvol zijn als de volgorde de betekenis van de content kan beinvloeden