Zoekformulier

Zoeken

Filteren

Dit veld is verborgen bij het bekijken van het formulier
Dit veld is verborgen bij het bekijken van het formulier
Dit veld is verborgen bij het bekijken van het formulier
Dit veld is verborgen bij het bekijken van het formulier
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Leesvolgorde op een website

Over leesvolgorde

Leesvolgorde van een schermlezer gaat over de volgorde waarin content wordt gepresenteerd aan een schermlezer, zoals voorleessoftware of een brailleleesregel. Soms moet content in een bepaalde volgorde worden gelezen om goed begrepen te kunnen worden.

Mensen die gebruik maken van een schermlezer zijn afhankelijk van de volgorde zoals de schermlezer het leest.

Zorg dat content op een website in een logische volgorde kan worden gelezen

Schermlezers volgen de volgorde van de content zoals die is vastgelegd in de code. Als deze volgorde de betekenis van de content verandert (of niet logisch is) dan kan dat voor verwarring zorgen. Zorg daarom dat de volgorde waarin de content wordt gepresenteerd op een logische en intuïtieve manier te volgen is.

Ook kunnen mensen die blind zijn niet zien wanneer de content op een pagina verandert. Hierdoor merken zij misschien een verandering niet op.

Een paar aandachtspunten hiervoor:

  • CSS kan ervoor zorgen dat onderdelen op het scherm anders gepositioneerd staan dan hoe het gelezen moet worden, bijvoorbeeld met eigenschappen zoals float, position of met CSS flexbox of een grid layout.
  • CSS kan ervoor zorgen dat onderdelen op het scherm worden verborgen maar wel in de leesvolgorde van een schermlezer blijven staan, bijvoorbeeld met het eigenschap visibility:hidden.
  • Als een ankerlink wordt gebruikt, zorg dan dat de leesvolgorde van een schermlezer mee gaat.
  • Als content dynamisch wordt toegevoegd, zorg dan deze content in de code direct onder het element dat de toevoeging veroorzaakte wordt toegevoegd,
  • Als een dialoogvenster wordt geopend, zorg dan dat de leesvolgorde van een schermlezer ook in het dialoogvenster verder gaat en in het dialoogvenster blijft. Als een dialoogvenster wordt gesloten, zorg dan dat de leesvolgorde van een schermlezer weer terug gaat naar het element dat het dialoogvenster opende.

Zie ook