Normen · WCAG 2.2

SC 3.2.1 Niveau A WCAG 2.0

Bij focus

Wanneer een gebruikersinterface-component focus ontvangt, mag dit geen contextwijziging veroorzaken — geen automatische paginanavigatie, geen nieuw venster, geen grote inhoudswijziging. Focus dient voor oriëntatie, niet voor actie.

Wat er wordt gevraagd

Het ontvangen van focus mag nooit een “contextwijziging” teweegbrengen. WCAG definieert een contextwijziging als: navigeren naar een nieuwe pagina, openen van een nieuw venster, verplaatsen van focus naar een andere component of aanzienlijk herschikken van de pagina-inhoud. Focus is het toetsenbordequivalent van de muis over een element bewegen — het moet passief blijven.

De gebruiker moet contextwijzigingen sturen via bewuste activering: op een knop drukken, Enter indrukken op een link, een formulier verzenden.

Hoe hieraan te voldoen

  • Roep nooit window.open, location.href = … of form.submit() aan vanuit een focus-eventhandler.
  • Tooltips en kleine bij-focus zichtbaar wordende teksten zijn prima — die vormen geen contextwijziging. Grote inhoudsswaps wel.
  • Voor autocomplete-suggesties geldt dat het verplaatsen van focus naar een optie dit succescriterium niet schendt, zolang de suggestielijst zelf het verwachte gedrag is.
  • Wanneer bij het focusseren op een element aanvullende UI moet worden getoond (zoals hulptekst bij een invoerveld), houd dit dan naastliggend en niet-verstorend.
  • Test met het toetsenbord: doorloop elk interactief element met Tab. Alles wat bij focus “springt” of automatisch verzendt, is een fout.

Veelvoorkomende fouten

  • Een dropdown die automatisch verzendt wanneer een optie via de pijltoetsen focus ontvangt.
  • Tab-focus op een link die via een onfocus-handler onmiddellijk navigatie veroorzaakt.
  • Datumkiezers die zichzelf sluiten zodra het volgende veld focus ontvangt, voordat de gebruiker klaar is.
  • Aanmeldformulieren die automatisch verzenden wanneer het wachtwoordveld focus krijgt vanuit een wachtwoordbeheerder.

Waarom het belangrijk is

Toetsenbordgebruikers navigeren door de pagina door focus sequentieel te verplaatsen. Als focus een contextwijziging veroorzaakt, bevindt de gebruiker zich plotseling ergens waar hij niet naartoe wilde — en voor schermlezergebruikers is dit desoriënterend omdat de aankondigingswachtrij plotseling verschuift. De regel is eenvoudig: focus oriënteert, activering handelt.