Pauzeren, stoppen, verbergen
Bewegende, knipperende, scrollende of automatisch bijgewerkte content die langer dan vijf seconden duurt, moet door de gebruiker pauzebaar, stopbaar of verbergbaar zijn. Geldt voor carrousels, marquees, nieuwstickers, geanimeerde advertenties en automatisch verversende feeds.
Wat het vereist
Voor content die aan alle drie de volgende voorwaarden voldoet: (a) beweegt, knippert, scrollt of wordt automatisch bijgewerkt, (b) automatisch start, (c) langer dan vijf seconden duurt en parallel met andere content wordt getoond, moet de gebruiker een mogelijkheid hebben om deze te pauzeren, stoppen of verbergen. Hetzelfde geldt voor automatisch bijgewerkte content die geen beweging is (live nieuwsfeeds, scoreboards, chat).
Uitzonderingen: content waarbij de beweging essentieel is voor de activiteit (een video die wordt bekeken, een animatietutorial), en content die het enige element op het scherm is (een laadspinner voordat content verschijnt).
Hoe hieraan te voldoen
- Voeg een zichtbare knop Pauzeren/Afspelen toe aan elke carrousel, diashow of automatisch voortschuivende banner. Maak het het eerste focusbare element van de carrouselwidget.
- Pauzeer carrousels automatisch bij muisaanwijzer en toetsenbordfocus — maar de gebruiker moet ze nog steeds volledig kunnen stoppen.
- Bied voor nieuwstickers, marquees en koersstrips een pauzeknop aan in dezelfde rij, minimaal 24×24 pixels groot.
- Geef gebruikers van automatisch verversende dashboards (Kibana, Grafana, live sport) een keuzemenu voor het verversingsinterval, inclusief de optie „Alleen handmatig verversen“.
- Geanimeerde GIF’s die oneindig herhalen, vervangen door
<video>met native bedieningselementen of door een klik-om-af-te-spelen-patroon.
Veelvoorkomende fouten
- Hero-carrousels die elke drie tot vijf seconden roteren zonder pauzeknop — nog steeds de meest voorkomende 2.2.2-fout bij audits.
- Automatisch afspelende videoachtergronden zonder bedieningselementen, met name op marketingpagina’s.
- Nieuwssitetickers die horizontaal scrollen zonder pauzeknop.
- Geanimeerde SVG-illustraties op landingspagina’s die oneindig herhalen zonder stopoptie.
- Toastmeldingen die continu opstapelen vanuit een live feed zonder mogelijkheid om ze te dempen.
axe en Lighthouse kunnen <marquee> en sommige schendingen van prefers-reduced-motion detecteren, maar kunnen een JavaScript-gestuurde carrousel zonder bedieningselementen niet identificeren. Handmatige beoordeling is vereist.
Waarom het belangrijk is
Automatisch bewegende content is een van de meest beperkende patronen op het web. Het trekt de aandacht weg van gebruikers met aandachtsgerelateerde beperkingen (ADHD, bepaalde angststoornissen, post-commotiesyndroom), het dwingt schermlezergebruikers voortdurend hun plek te verliezen als DOM-knooppunten worden bijgewerkt, en het maakt lezen onmogelijk voor slechtziende gebruikers die tekst langzaam volgen. Een pauzeknop is een van de goedkoopste en meest effectieve toegankelijkheidsverbeteringen die een marketingteam kan doorvoeren.