Navigatie via landmarks: hoe gebruikers rond springen

Een ziende gebruiker kijkt vluchtig over een pagina. Een gebruiker van een schermlezer springt daarentegen van regio naar regio met de landmarks die je hebt gedefinieerd.

De meeste schermlezers bieden een toets om landmarks te doorlopen. In NVDA spring je met de toets D naar de volgende regio zonder de muis te gebruiken.

Gebruikers kunnen ook een lijst met landmarks openen: een menu met elke regio op de pagina. Vervolgens kunnen ze er één kiezen om er rechtstreeks naartoe te springen.

De grootste winst is het overslaan. Gebruikers springen voorbij de header en nav die ze al hebben gehoord en komen meteen bij nieuwe inhoud terecht.

Op een Mac openen VoiceOver-gebruikers de rotor en kiezen ze Landmarks om op naam en rol door je regio's te navigeren.

In die lijst met landmarks worden je waarden van aria-label de menu-items. Goede namen maken springen dus pas echt nuttig.

Landmarks worden bezocht in bronvolgorde. Een logische HTML-volgorde betekent daarom voor iedereen een logische springvolgorde.

Als elk vak een regio is, wordt de lijst ruis. Gebruik landmarks voor echte paginasecties, niet voor algemene opmaak.

Idealiter staat alle zichtbare inhoud binnen een bepaalde landmark. Losse inhoud buiten elke regio is moeilijker bereikbaar door te springen.

Open een schermlezer en druk op de toets voor landmarks. Als je netjes door je pagina kunt springen, werken je regio's goed. 🎧

Springen tussen landmarks is sneller dan tientallen keren op Tab drukken. Een paar toetsaanslagen vervangen een lange, vermoeiende tocht langs elke link.

Je hebt geleerd hoe gebruikers met een toets of rotor tussen landmarks springen, waarom benoemde regio's en de DOM-volgorde belangrijk zijn en hoe je dit op gehoor test. 🙌