Succescriterium 2.2.2 Pauzeren, stoppen, verbergen
Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:
- Bewegen, knipperen, scrollen: Voor bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel met andere content wordt getoond, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen, tenzij de beweging, knippering of scrolling, onderdeel is van een activiteit waar ze essentieel is en
- Automatisch actualiserend: Voor elke soort automatisch actualiserende informatie die (1) automatisch start en (2) parallel met andere content wordt gepresenteerd, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen of de frequentie van de actualisering in te stellen, tenzij de automatische actualisering onderdeel is van een activiteit waar ze essentieel is.
Pauzeren, stoppen, verbergen begrijpen (Engelstalig)
Content die beweegt, knippert of vanzelf verandert, trekt de aandacht weg van de rest van de pagina. Mensen met een aandachts- of concentratiestoornis kunnen zich dan slecht richten op de andere content. Bewegende tekst is ook lastig voor mensen die langzaam lezen of bewegende dingen moeilijk kunnen volgen.
Denk aan een carrousel, een animatie of een weer-widget die zichzelf bijwerkt. De gebruiker moet deze content kunnen pauzeren, stoppen of verbergen. Bij content die zichzelf bijwerkt, mag je de gebruiker ook laten instellen hoe vaak dat gebeurt.
Voor bewegende, knipperende en scrollende content geldt dit als de beweging langer dan 5 seconden duurt. Voor content die zichzelf bijwerkt, geldt geen grens van 5 seconden.
Beweging die start doordat de gebruiker scrolt of de muis over een element beweegt, telt ook als automatisch gestart. Alleen beweging die start omdat de gebruiker bewust een knop of link activeert, valt erbuiten.
Er is een uitzondering als de beweging, knippering of scrolling, of het automatisch actualiseren, echt nodig is voor de activiteit.
Hoe pas je dit toe?
- Zorg dat bewegende, knipperende of scrollende content binnen 5 seconden vanzelf stopt. Duurt de beweging langer en staat de content naast andere content? Geef de gebruiker dan een manier om de content te pauzeren, stoppen of verbergen.
- Zorg dat content die zichzelf bijwerkt en naast andere content staat, te pauzeren, stoppen of verbergen is. Of laat de gebruiker instellen hoe vaak de content wordt bijgewerkt.
- Zorg dat een pauze blijft staan. Een animatie die alleen stilstaat zolang de muis of de focus erop staat, telt niet als pauzeren.
Voor wie is dit belangrijk?
- Mensen die een cognitieve, taal- of leerbeperking hebben.
- Mensen die slechtziend zijn.
Wie is verantwoordelijk?
Hoe toets je dit?
Uitzonderingen
Uitzonderingen zijn:
- bewegende, knipperende of scrollende content die onderdeel is van een activiteit waar de beweging essentieel is
- automatisch actualiserende content die onderdeel is van een activiteit waar het actualiseren essentieel is
Geldt alleen voor:
- bewegende, knipperende of scrollende content die automatisch start, langer dan 5 seconden duurt en tegelijk met andere content wordt getoond
- automatisch actualiserende content die automatisch start en tegelijk met andere content wordt getoond
Testprocedure
Test 1: Bewegende, knipperende of scrollende content
- Verken de pagina
- Bepaal welke bewegende, knipperende of scrollende content er is:
- Carrousels die automatisch wisselen
- Filmpjes die automatisch afspelen
- Animaties
- Bewegende advertenties
- Lopende teksten
- Knipperende elementen
- Bepaal voor alle bewegende, knipperende of scrollende content:
- Of de content tegelijk met andere content wordt getoond
- Of de content automatisch start
- Of de content langer dan 5 seconden doorgaat
- Bepaal welke bewegende, knipperende of scrollende content er is:
- Controleer voor content die automatisch start, tegelijk met andere content wordt getoond en langer dan 5 seconden doorgaat:
- Of er een mechanisme is om de content te pauzeren, stoppen of verbergen:
- Een knop
- Een link
- Een schakelknop
- Of het mechanisme werkt:
- Of de beweging stopt, pauzeert of verborgen wordt na activering
- Of de beweging niet vanzelf opnieuw start
- Of de beweging gepauzeerd blijft als de muis of de focus van de content weggaat
- Of er een mechanisme is om de content te pauzeren, stoppen of verbergen:
- Herlaad de pagina
- Test het mechanisme met alleen het toetsenbord en controleer:
- Of het mechanisme te bereiken en te bedienen is (zie ook 2.1.1 Toetsenbord)
Test 2: Automatisch actualiserende content
- Inventariseer de pagina
- Bepaal welke automatisch actualiserende content er is:
- Live feeds
- Status-updates
- Bepaal voor alle automatisch actualiserende content:
- Of de content automatisch start
- Of de content tegelijk met andere content wordt getoond
- Bepaal welke automatisch actualiserende content er is:
- Controleer voor automatisch actualiserende content:
- Of er een mechanisme is om de content te pauzeren, stoppen, verbergen of om de frequentie aan te passen:
- Een knop
- Een link
- Een schakelknop
- Een instelling voor update-frequentie
- Of het mechanisme werkt:
- Of de actualisering stopt, pauzeert of verborgen wordt na activering
- Of de actualisering niet vanzelf opnieuw start
- Of er een mechanisme is om de content te pauzeren, stoppen, verbergen of om de frequentie aan te passen:
- Herlaad de pagina
- Test het mechanisme met alleen het toetsenbord en controleer:
- Of het mechanisme te bereiken en te bedienen is (zie ook 2.1.1 Toetsenbord)
Test 3: Verminderde beweging met voorkeursinstelling (indien van toepassing)
Let op: Gebruik deze procedure alleen als de pagina zonder deze voorkeursinstelling niet voldoet.
- Open de te testen webpagina in Chrome
- Open de ontwikkelaarstools:
- Ga naar het paneel Renderen:
- Ga naar DevTools aanpassen en beheren (drie verticale puntjes (⋮)) → Meer tools → Renderen
- Emuleer de CSS-mediafunctie
prefers-reduced-motion: reduce
- Ga naar het paneel Renderen:
- Herlaad de pagina
- Controleer voor elk bewegend, knipperend of scrollend element:
- Of de beweging stopt
- Of de beweging niet vanzelf opnieuw start
Beoordeling
- Voor bewegende, knipperende of scrollende content die automatisch start, langer dan 5 seconden duurt en tegelijk met andere content wordt getoond, moet minstens één van de volgende zaken gelden:
- De gebruiker kan de content pauzeren en zelf bepalen wanneer die weer start
- De gebruiker kan de content stoppen
- De gebruiker kan de content verbergen
- De beweging stopt als de voorkeursinstelling voor minder beweging aanstaat
- Voor automatisch actualiserende content die automatisch start en tegelijk met andere content wordt getoond, moet minstens één van de volgende zaken gelden:
- De gebruiker kan de actualisering pauzeren en zelf bepalen wanneer die weer start
- De gebruiker kan de actualisering stoppen
- De gebruiker kan de content verbergen
- De gebruiker kan instellen hoe vaak de content wordt bijgewerkt
Non-interferentie
Dit criterium geldt voor alle content op je pagina. Ook voor van derden afkomstige content, voor content die expliciet wordt uitgesloten in de scope van een WCAG-onderzoek en voor content met een toegankelijk alternatief.
Lees meer over non-interferentie