In dit artikel kunt u lezen:

  • Hoe u websites navigeert met NVDA, zoals gebruikers van schermlezers dat doen
  • Welke NVDA-sneltoetsen essentieel zijn om efficiënter en met meer vertrouwen te testen
  • Hoe navigatie met een schermlezer verborgen toegankelijkheidsproblemen blootlegt

In het eerste artikel in deze reeks legde Cody Care, Accessibility Engineer bij EBSCO Information Services, uit wat een schermlezer is en waarom deze tool essentieel is. In dit artikel zetten we de volgende stap: effectief leren navigeren met NVDA (NonVisual Desktop Access – een gratis open source schermlezer voor Windows).

Of u nu actief bezig bent met toegankelijkheidstesten of beter wilt begrijpen hoe blinde gebruikers digitale content ervaren, deze gids biedt praktische inzichten in de toetsaanslagen die efficiënte navigatie mogelijk maken.

Waarom navigatie belangrijk is

Schermlezers lezen niet alleen tekst voor, maar bieden ook een gestructureerde manier om door content te navigeren. Waar ziende gebruikers een pagina in enkele seconden visueel scannen, navigeren gebruikers van schermlezers doelgericht en lineair, element voor element, met behulp van toetsenbordcommando’s.

Voor toegankelijkheidstests is inzicht in dit proces essentieel. Wanneer navigatie inefficiënt, verwarrend of ongestructureerd is, ontstaan vaak toegankelijkheidsproblemen.

Het perspectief van de schermlezer

Het web is enorm, bijna oneindig, en voor blinde gebruikers draait begrip niet om alles tegelijk zien, maar om het stap voor stap verkennen van de structuur die door een ontwikkelaar is opgebouwd.

Ik vergelijk elke website met een wijk en elke webpagina met een huis. Elk huis is anders gebouwd en ingericht, maar de basis is hetzelfde: kamers, secties en de elementen erin.

Landmarks: De kamers in het huis

Een webpagina kan een header, een navigatiesectie, een hoofdgedeelte en een footer bevatten. Deze landmarks (paginaregio’s) structureren de pagina en helpen mij te begrijpen waar ik ben.

Navigeren tussen landmarks met de D-toets voelt als van de hal naar de woonkamer en vervolgens naar de keuken lopen. Zelfs als ik nog nooit “in” dat huis ben geweest, kan ik me snel oriënteren door de belangrijkste onderdelen te doorlopen.

Koppen: De meubels in elke kamer

Als ik eenmaal in een “kamer” ben, wil ik weten wat daar te vinden is. Koppen fungeren als de belangrijkste oriëntatiepunten, vergelijkbaar met meubels zoals een bank, bureau of televisie. Ze geven aan waar een sectie over gaat.

Met de H-toets kan ik tussen secties springen en bepaal ik waar ik mijn aandacht op richt. Met de cijfertoetsen 1–6 navigeer ik op kopniveau en controleer ik of de content logisch is opgebouwd.

Interactieve elementen: Dingen om te gebruiken

Links, knoppen, selectievakjes en invoervelden zijn de elementen waarmee u kunt werken, vergelijkbaar met handgrepen, schakelaars en lades in een huis. Ze stellen me in staatte openen, in te dienen, te typen.

NVDA biedt sneltoetsen om direct naar deze elementen te navigeren. Wanneer deze correct zijn gecodeerd, voelt navigatie efficiënt en voorspelbaar. Wanneer dat niet het geval is, wordt de ervaring frustrerend, alsof u zich in het donker door een onbekende ruimte beweegt waarvan de vloer bezaaid ligt met LEGO-steentjes.

Inzicht in hoe gebruikers zich door “het huis” bewegen, helpt om digitale omgevingen bruikbaarder en toegankelijker te maken.

Basisnavigatie

Deze toetsen gebruikt u om door tekst en interactieve elementen te navigeren:

  • Tab: Vooruit door interactieve elementen (knoppen, links, menu’s, formuliervelden)
  • Shift + Tab: Achteruit door interactieve elementen
  • Pijltje omhoog/omlaag: Regel voor regel navigeren
  • Pijltje links/rechts: Teken voor teken navigeren, inclusief interpunctie en spaties
  • Control + pijltje links/rechts: Woord voor woord navigeren
  • Control + pijltje omhoog/omlaag: Alinea voor alinea navigeren

Navigeren met lettertoetsen

Elk element op een webpagina heeft een rol die NVDA herkent en aankondigt. U kunt ook direct naar deze rollen navigeren. Deze sneltoetsen maken toegankelijkheidstesten aanzienlijk efficiënter.

  • Shift + [toets]: Achteruit navigeren per het betreffende element
  • E: Invoervelden
  • R: Keuzerondjes
  • T: Tabellen
  • D: Landmarks/regio’s
  • F: Formuliervelden
  • G: Afbeeldingen
  • H: Koppen
  • 1–6: Koppen per niveau
  • K: Links
  • U: Onbezochte links
  • V: Bezochte links
  • L: Lijsten
  • I: Lijstitems
  • X: Selectievakjes
  • C: Keuzelijsten
  • B: Knoppen

Handige commando’s

  • NVDA-toets + 1: Start invoerhulpmodus om sneltoetsen te oefenen (nogmaals drukken om te stoppen)
  • NVDA-toets + N: Open het NVDA-menu
  • NVDA-toets + Tab: Kondig het element aan waarop nu gefocust is
  • NVDA-toets + F7: Open de elementenlijst om op één plek door links, koppen, formuliervelden, knoppen en landmarks te bladeren

Speech Viewer

Wilt u liever zien wat NVDA aankondigt in plaats van het te horen, dan kunt u Speech Viewer inschakelen. Deze tool toont de output van de schermlezer als platte tekst, die u kunt kopiëren voor documentatie of rapportage.

Inschakelen:

  1. NVDA-menu → Tools → Speech Viewer

Sneltoets instellen:

  1. NVDA-menu → Preferences → Input Gestures
  2. Filter op “Speech Viewer”
  3. Kies “Add”
  4. Aanbevolen sneltoets: NVDA-toets + V (voor alle toetsenbordindelingen)

Tot slot

Navigatiesneltoetsen zijn niet alleen een handig hulpmiddel, ze zijn essentieel voor onafhankelijkheid en efficiëntie. In toegankelijkheidstests fungeren ze bovendien als diagnostische tools; de manier waarop een pagina reageert op deze commando’s laat zien hoe goed deze gestructureerd is.

Door deze toetsaanslagen te beheersen, verbetert u niet alleen uw testproces, maar ontwikkelt u ook een dieper begrip van inclusief design en hoe het bijdraagt aan toegankelijke digitale ervaringen voor iedereen.

Wilt u verder de diepte in?
Ontdek documentatie, roadmaps en richtlijnen ter ondersteuning van inclusieve digitale ervaringen.