Wat betekent “Betekenisvolle volgorde” in WCAG?

Dit artikel is bedoeld voor webredactie. 

Waarom is dit belangrijk?

Mensen die schermlezers gebruiken, ervaren websites heel anders dan visuele gebruikers. Zij horen de inhoud in de volgorde waarin die in de code staat. Als de volgorde niet logisch is, raakt iemand de draad kwijt of mist belangrijke informatie.

Daarom stelt WCAG: de volgorde van de inhoud moet logisch blijven, ook als je visuele opmaak uitzet.

Dit succescriterium heet 1.3.2 Betekenisvolle volgorde.

Wat wordt er van websites verwacht?

• De inhoud moet in een logische, begrijpelijke volgorde aangeboden worden.
  
• Als je visuele hulpmiddelen zoals kolommen, rijen of blokken gebruikt, mag dat de betekenis niet veranderen.
  
• De ervaring via schermlezer, toetsenbord of vergrotingssoftware moet net zo begrijpelijk zijn als via het blote oog.
  

Kort gezegd: de inhoud moet kloppen, ook als je alleen maar lineair door de pagina gaat.

Wat is niet verplicht?

• Je hoeft de visuele volgorde (wat mensen zien) niet 100% gelijk te maken aan de technische volgorde, als de betekenis duidelijk blijft.
  
• Kleine esthetische verschillen (bijvoorbeeld een zijbalk die bovenaan staat in de code) zijn geen probleem zolang de hoofdlijn logisch blijft.
  

Veelgemaakte fouten

• Tekstfragmenten die in verkeerde volgorde worden voorgelezen. Alles wat bij een kop hoort moet in de HTML onder de kop staan. Dit gaat vaak fout bij nieuwsartikelen of events op een overzichtpagina.
  
• Belangrijke instructies of knoppen die pas veel later komen dan logisch is.
  
• Visuele lay-outs (bijvoorbeeld drie kolommen) die in een andere volgorde worden gelezen en daardoor de inhoud niet meer klopt.
  

Wat kun je als webredacteur of manager doen?

• Lees teksten in de juiste volgorde zoals een schermlezer dat zou doen: van boven naar beneden, van links naar rechts.
  
• Vraag je webbouwer: Is de code zo opgebouwd dat de logische volgorde van de inhoud klopt?
  
• Let bij herstructureren op: Als je stukken tekst verplaatst of kolommen maakt, check dan of de leesvolgorde logisch blijft.
  
• Test door te navigeren met alleen toetsenbord (Tab, Shift+Tab) om te zien of de focuslogica logisch blijft.
  

Samenvatting

Informatie op een website moet logisch en begrijpelijk zijn, ongeacht hoe iemand de site bekijkt. De volgorde in de code is net zo belangrijk als wat er visueel te zien is.