Ma - Vrij 8:00 - 19:00

contact@properaccess.nl

0031 (0) 85 5055 890

SC 3.2.1 – Wat betekent “Bij focus”

Story By Julia Tol

mei 17 — 2025

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.

Deel dit bericht

By Julia Tol

Afgestudeerd webdeveloper in Zweden (2015). Sinds 2019 werkzaam als onderzoeker digitale toegankelijkheid bij Stichting Accessibility. Tussen 2020 en 2024 actief als zelfstandig auditor voor alle grote Nederlandse auditbureaus, gecombineerd met een rol als expert binnen DigiToegankelijk Top (2022–2025). Beschikt over ruim 13 jaar ervaring bij het Ministerie van Justitie en Veiligheid, het Ministerie van Binnenlandse Zaken en Koninkrijksrelaties. Sinds 2022 directeur van Proper Access, gespecialiseerd in digitale toegankelijkheid.

Gerelateerde berichten

In deze checklist voor het toevoegen van toegankelijke content aan een webpagina bespreken we de belangrijkste punten waar je op.

Beginsituatie: er is een element met role=”application” en het heeft geen toegankelijkheidsnaam (accessible name). Hoe kun je dit oplossen? Dit.

Heb je video’s op je website en kreeg je tijdens een WCAG-audit een afkeuring op succescriterium 1.2.3 Media-alternatief of audiodescriptie.

Toegankelijkheid krijgt prioriteit door EAA Het interview is gepubliceerd op 20-06-2025 in het Financieel Dagblad. Toegankelijkheid begint bij het ontwerp.