Ga naar hoofdinhoud

WCAG-succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Niveau A

In het kort

Doel
Minder bezoekers worden afgeleid door inhoud die vernieuwt of beweegt.
Wat te doen
Geef gebruikers controle over inhoud die verandert.
Waarom het belangrijk is
Mensen met cognitieve beperkingen kunnen afgeleid raken.

Uitleg

Beweging mag niet storen.

Let op: Dit succescriterium kan een bezoeker verhinderen om een pagina te gebruiken. Het is niet mogelijk om een alternatief aan te bieden. Meer informatie hierover is te vinden op de W3-pagina Conformiteitseis 5: Non-interferentie.

Zorg ervoor dat gebruikers zich op de inhoud van de website kunnen concentreren. Ze mogen niet worden afgeleid door bewegingen of automatische vernieuwingen.

Voorkom inhoud die vanzelf 5 seconden of langer beweegt of knippert. Anders moet de bezoeker deze kunnen pauzeren, stoppen of verbergen. Voor inhoud die automatisch vernieuwt geldt hetzelfde, tenzij de bezoeker zelf kan bepalen hoe vaak dat gebeurt.

Hoe te testen

Voor alle inhoud die vernieuwt of beweegt:

  • Controleer of deze niet automatisch start,
  • Controleer of deze niet langer dan 5 seconden duurt,
  • Controleer of deze te pauzeren, stoppen of verbergen is,
  • Als de inhoud automatisch vernieuwt, controleer dan of de bezoeker zelf kan bepalen hoe vaak dat gebeurt.

Tips

  • Zorg dat er geen inhoud is automatisch verandert of beweegt. Zo voorkom je problemen met dit succescriterium en zoek je niet de grenzen op van wat bezoekers fijn vinden.
  • De CSS-functie prefers-reduced-motion is een manier om beweging te beperken. De veilige aanpak is om standaard geen beweging te tonen. Toon bewegende inhoud alleen aan mensen die expliciet een voorkeur hebben voor beweging.

Gebruikersonderzoek

Heb je gebruikersonderzoek gedaan dat betrekking heeft op dit succescriterium en wil je dit delen? Kijk eens bij Gebruikersonderzoeken delen op gebruikersonderzoeken.nl.

W3C referenties

Wat is verplicht?

De richtlijnen zijn geen wettelijke verplichting of vervanging voor WCAG. Ze zijn een praktische uitleg met voorbeelden die helpen bij het toegankelijk inzetten van NL Design System. Meer informatie of de wettelijke verplichting staat op de pagina wat is verplicht van DigiToegankelijk.

Help richtlijn verbeteren

Aanvullingen of opmerkingen?

Deel je mening op GitHub of bezoek onze actieve community op Slack.