Toetenbordval (keyboard trap)

Wat is een toetsenbordval?

Een toetsenbordval is een groot probleem op een website. Het gebeurt als een bezoeker de website met het toetsenbord bedient (vaak met de Tab-toets). De bezoeker komt dan vast te zitten in een bepaald deel van de pagina.

Denk bijvoorbeeld aan een pop-upscherm of een menu dat uitklapt. De bezoeker komt hier wel in, maar kan er met het toetsenbord met geen mogelijkheid meer uit.

Waarom is dit een probleem?

Niet iedereen gebruikt een muis of een touchscreen. Sommige mensen gebruiken alleen een toetsenbord om een website te bezoeken. Bijvoorbeeld mensen die blind of slechtziend zijn, of mensen die hun handen niet goed kunnen gebruiken.

Als zij in een toetsenbordval komen, stopt hun bezoek aan jouw website direct. Ze kunnen niet meer verder. De enige oplossing is vaak de pagina opnieuw laden of het scherm afsluiten. Daarom is dit in de officiële regels voor toegankelijke websites (de WCAG) streng verboden.

Voorbeeld: vastzitten met het toetsenbord

Het pop-up schermpje hieronder heeft een knop die je alleen met de muis kunt indrukken. Ook kun je niet meer weg met de Tab-toets. Mensen die alleen een toetsenbord gebruiken, komen hierdoor vast te zitten. Zij kunnen het schermpje met geen mogelijkheid sluiten.

Wat moet je doen? Open het schermpje met de knop hieronder. Probeer het daarna te sluiten met je toetsenbord (met de Tab-, Enter- of Spatie-toets).

Je zit nu vast (toetsenbordval)

Je kunt dit schermpje alleen sluiten door met een muis op 'Ok' te klikken.

Ok (klik met muis)

Veelgestelde vragen

Hoe test ik zelf of mijn website een keyboard trap heeft?

Je kunt dit heel eenvoudig testen zonder speciale software. Leg je muis aan de kant en gebruik uitsluitend je toetsenbord. Gebruik de Tab-toets om vooruit te navigeren, Shift + Tab om terug te gaan, en de Enter- of Spatiebalk om knoppen, menu’s en links te activeren. Als je op een punt belandt waar je met geen enkele toets meer verder, terug, of uit een element kunt komen, heb je een keyboard trap gevonden.

Nee, hoewel ze daar het meest berucht zijn. Ze komen ook vaak voor bij ingesloten externe elementen (iframes). Denk aan bepaalde videospelers, interactieve kaarten (zoals Google Maps), of social media feeds. Ook slecht gebouwde complexe uitklapmenu’s, datumprikkers (datepickers) of carrousels kunnen toetsenbordgebruikers per ongeluk “vangen”.

Dit is een cruciaal verschil in webontwikkeling!

  • Een Keyboard Trap is een fout waarbij de gebruiker vastzit en niet meer weg kan.
  • Een Focus Trap (of Focus Management) is juist een best practice voor toegankelijkheid. Bij een goede focus trap zorg je ervoor dat een gebruiker met de Tab-toets niet per ongeluk achter de pop-up (op de onderliggende pagina) belandt. De focus blijft netjes rondgaan binnen de pop-up, maar er is altijd een duidelijke, met het toetsenbord bereikbare ontsnappingsroute, zoals een ‘Sluiten’-knop of de Escape-toets.

Een toetsenbordval ontstaat wanneer iemand die een website met het toetsenbord bedient, vast komt te zitten in een bepaald onderdeel, zoals een pop-up of menu. Dit is een groot probleem voor mensen die geen muis kunnen gebruiken, zoals blinden of mensen met een motorische beperking, omdat hun bezoek aan de website op dat moment stopt en ze niet meer verder kunnen.

In de officiële WCAG-richtlijnen is de regel hierover heel duidelijk: als je ergens met het toetsenbord in kunt komen, moet je er op een logische manier ook weer uit kunnen komen. Omdat dit een absolute basiseis is (Niveau A), is het voorkomen van een toetsenbordval in veel gevallen een harde wettelijke verplichting om je website voor iedereen toegankelijk te maken.

Hulp nodig met digitale toegankelijkheid?

Een keyboard trap is slechts één van de vele obstakels die bezoekers kunnen tegenhouden op jouw website. Digitale toegankelijkheid zorgt niet alleen voor tevreden gebruikers, maar is ook een wettelijke verplichting (WCAG). Twijfel je of jouw site aan de eisen voldoet?