Waarom is dit belangrijk?

Wanneer iemand een website gebruikt met het toetsenbord of een schermlezer, “focust” die persoon op elementen zoals knoppen, links of invulvelden. Dat betekent dat ze actief zijn geselecteerd.
Als er onverwacht iets verandert zodra een element focus krijgt (bijvoorbeeld een popup verschijnt of de pagina springt), kan dat heel verwarrend en frustrerend zijn. Zeker voor mensen die niet met een muis werken.

Daarom zegt WCAG: focus mag niets belangrijks veranderen zonder dat de gebruiker daar zelf om vraagt.

Dit heet 3.2.1 On Focus.

Wat wordt er van websites verwacht?

• Als een element focus krijgt (bijvoorbeeld een knop, link, veld):
  
  • Mag het geen onverwachte veranderingen veroorzaken, zoals navigatie, inhoudsupdates of popups,
    
  • Tenzij de gebruiker daarna zelf een actie uitvoert (bijvoorbeeld klikken).
    

Kort: alleen kijken (focussen) mag nooit genoeg zijn om iets groots te laten gebeuren.

Wat is niet verplicht?

• Kleine visuele veranderingen (zoals een knop die van kleur verandert om te laten zien dat hij actief is) zijn prima.
  
• Veranderingen die gebeuren na een actieve handeling (bijvoorbeeld klikken of drukken op Enter) zijn toegestaan.
  

Veelgemaakte fouten

• Een link die automatisch opent zodra je er met Tab naartoe gaat, zonder dat je klikt.
  
• Een dropdownmenu dat meteen uitklapt en het hele scherm vult zodra het focus krijgt.
  
• Formulieren die automatisch verzonden worden zodra een veld wordt geselecteerd.
  

Wat kun je als webredacteur of manager doen?

• Test de site met alleen je toetsenbord (Tab en Shift-Tab): Springt er ineens iets open of verandert er iets voordat je klikt?
  
• Controleer interactieve elementen: Gaat een knop of link pas echt iets doen als iemand klikt?
  
• Vraag je webbouwer: Wordt focusgedrag netjes beheerd zonder onverwachte acties?
  

Samenvatting

Focus betekent dat je ergens klaar voor bent, niet dat je iets al hebt gekozen. Zorg ervoor dat gebruikers niet verrast worden door veranderingen zodra ze alleen maar navigeren.