Skip to content

Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →

Barrierefreiheit

Waarom moet een website bij toetsenbordnavigatie still blijven?

Een website moet stil blijven bij toetsenbordnavigatie, omdat aanrichten alleen markeren is — nog geen besluit. Wie met de Tab-toets van element naar element springt, kijkt rond, zoals een klant die langs rekken in een winkel loopt. Opent zich daarbij onverwacht een nieuwe pagina of venster, raakt de bezoeker gedesoriënteerd. WCAG-criterium 3.2.1 verbiedt dergelijke verrassingen.

Aanrichten en uitvoeren zijn twee aparte stappen

Bij toetsenbordnavigatie verplaatst een zichtbare markering — de focus — zich met elke druk op de Tab-toets naar het volgende bedienelement. Alleen Enter voert het gemarkeerde element uit. Deze scheiding is voor veel mensen vitaal voor oriëntatie: blinde bezoekers laten elk gemarkeerd element eerst voorlezen voordat zij zich beslissen. Mensen met tremor richten elementen soms onopzettelijk aan. Springt de pagina al bij het aanrichten — omdat een menuitem bij bereiken meteen de subpagina laadt — dan kunnen deze bezoekers er nooit voorbij, zonder van pagina te wisselen. Ze zitten vast als in een draaideur die bij elke aanraking draait.

Zo meet de controledienst gedrag bij focus

De controledienst bedient uw pagina in een echte browser: drukt de Tab-toets, halt voor halt, en registreert elke stap van de focusnavigatie. Verandert het pagina-adres tijdens deze navigatie — zonder dat Enter is ingedrukt — dan heeft enkel aanrichten een paginaverschuiving getriggerd. Het rapport waardeert dit als inbreuk en noemt het adres waar de meting belandde. Doorloopt de navigatie minstens drie haltes zonder zo'n verschuiving, geldt het criterium als voldaan. Biedt de pagina minder dan drie aanrijdbare haltes, blijft de meting opzettelijk onbeslist en toont het rapport dit criterium als handmatige testpunt.

Beispiele

Fokus öffnet ein Fenster

Verstoß
<input name="plz" onfocus="zeigeHilfeDialog()">
Erfüllt
<input name="plz" aria-describedby="plz-hilfe">
<p id="plz-hilfe">Vier Ziffern, etwa 8010.</p>

Der Fokus wandert beim Durchgehen mit Tab über jedes Element. Passiert dabei etwas, verliert der Besucher die Stelle.

  • Druk op uw startpagina meermaals Tab en observeer of de pagina still op plaats blijft.
  • Controleer vooral uitklapmenu's en taalomschakelaars — daar wordt triggering bij aanrichten het vaakst ingebouwd.
  • Vraag uw bureau elke actie aan een echte bedieningsstap te binden: Enter, spatiebalk of klik, nooit aan enkel aanrichten.
  • Test opnieuw na elke installatie van een nieuw menu- of zoekhulpmiddel met de Tab-toets.

Deutsche Fassung dieser Seite