Toegankelijkheid

Toetsenbordnavigatie: de test die de meeste sites niet halen

Door Het AsasWeb-team 1 min lezen

Leg de muis weg en probeer uw belangrijkste taak af te ronden met alleen Tab, Shift met Tab, Enter, de spatiebalk en de pijltjestoetsen. Een site slaagt wanneer de focus altijd zichtbaar is, in een logische volgorde beweegt, elke link, knop en elk veld bereikt, en uit elk menu of dialoogvenster kan ontsnappen. Als een taak niet per toetsenbord af te maken is, kan een echte groep klanten die ook niet afmaken, en toetsenbordtoegang is het fundament waarop schermlezergebruik is gebouwd.

Hier is een test die u in vijf minuten kunt doen: leg uw muis aan de kant en probeer uw eigen website te gebruiken met alleen het toetsenbord. Veel mensen moeten op deze manier surfen, waaronder sommigen die een schermlezer gebruiken en velen met motorische verschillen. Een verrassend aantal sites haalt deze test niet.

Hoe te testen

Gebruik de Tab-toets om vooruit te gaan, Shift en Tab om terug te gaan, Enter en Spatie om te activeren, en de pijltoetsen binnen menu’s. Probeer uw belangrijkste taak te voltooien, zoals een product vinden of een aanvraag versturen, zonder de muis aan te raken.

Waarop te letten

  • Ziet u waar u bent? Een duidelijke, zichtbare focusstijl moet u volgen terwijl u tabt. Als de focus onzichtbaar is, is de site onbruikbaar met het toetsenbord.
  • Is de volgorde logisch? Focus moet in een verstandige leesvolgorde bewegen, niet rondspringen.
  • Kunt u alles bereiken? Elke link, knop en elk veld moet bereikbaar en bedienbaar zijn, inclusief menu’s en pop-ups.
  • Kunt u eruit komen? Open een menu of dialoogvenster, sluit het dan met de Escape-toets en controleer of de focus ergens verstandigs terugkeert. Let op vallen waar u niet uit kunt tabben.

Waarom het ertoe doet

Als u een taak niet met het toetsenbord kunt voltooien, kan een echte groep klanten dat ook niet, en zij vertrekken. Toetsenbordtoegang is ook het fundament waarop schermlezergebruik is gebouwd, dus het verhelpen ervan tilt de toegankelijkheid breed op.

We doen een toetsenbord-alleen-ronde op elke build, inclusief focus-getrapte menu’s die sluiten op Escape en de focus netjes terugbrengen. Als uw site de trek-de-muis-eruit-test niet haalt, start een project en we lossen het op.

Wilt u deze standaard op uw eigen site?

Vertel ons over uw project en wij reageren met eerlijke, praktische vervolgstappen.