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.
Noot 1Voor eisen gerelateerd aan knipperende of flitsende content zie Richtlijn 2.3.
Noot 2Omdat content die niet aan dit succescriterium voldoet het vermogen van een gebruiker om de hele pagina te gebruiken kan belemmeren, moet alle content op de webpagina (of ze gebruikt wordt om aan andere succescriteria te voldoen of niet) voldoen aan dit succescriterium. Zie conformiteitseis 5: Non-interferentie.
Noot 3Van content die periodiek door software wordt geactualiseerd of die naar de user agent wordt verzonden, wordt niet vereist dat ze informatie behoudt of weergeeft die gegenereerd of ontvangen wordt tussen het begin van de pauze en het moment van de hervatting van de weergave, aangezien dit technisch wellicht niet mogelijk is en het in veel situaties misleidend is om dit te doen.
Noot 4Een animatie die speelt tijdens het laden of een gelijkwaardige situatie, kan als essentieel worden beschouwd als niet tegelijkertijd interactie kan plaatsvinden door alle gebruikers en als het niet aangeven van de voortgang gebruikers zou kunnen verwarren of laten denken dat de content vastgelopen of onvolledig was.
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, met de muis over een element gaat of een element de focus krijgt, telt ook als automatisch gestart. Alleen beweging die start omdat de gebruiker bewust iets activeert, zoals een knop of link, 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 met muis en toetsenbord
- Scrol door de pagina
- Beweeg de muis over elementen en navigeer met Tab door de pagina
- Bepaal welke bewegende, knipperende of scrollende content er is:
- Filmpjes die automatisch afspelen
- Animaties (ook animaties die starten bij scrollen, hover of focus)
- Bewegende advertenties
- Lopende teksten
- Knipperende elementen
- Bepaal voor elk bewegend, knipperend of scrollend element:
- Of het automatisch start
- Of het tegelijk met andere content wordt getoond
- Of de beweging langer dan 5 seconden duurt
- Controleer voor content die automatisch start, tegelijk met andere content wordt getoond en langer dan 5 seconden duurt:
- Of er een mechanisme is om de content te pauzeren, stoppen of verbergen (bijvoorbeeld een knop, link of schakelknop)
- Test elk gevonden mechanisme en controleer:
- Of de beweging pauzeert of stopt, of de content verborgen wordt na activering
- Of de beweging niet vanzelf opnieuw start
- Of de beweging gepauzeerd blijft als de aanwijzer of de focus van de content weggaat
Test 2: Automatisch actualiserende content
- Inventariseer de pagina
- Bepaal welke automatisch actualiserende content er is:
- Carrousels die automatisch wisselen
- Livefeeds
- Statusupdates
- Weerinformatie
- Nieuws en beurskoersen
- Bepaal voor elk automatisch actualiserend element:
- Of het automatisch start
- Of het tegelijk met andere content wordt getoond
- Bepaal welke automatisch actualiserende content er is:
- Controleer voor content die automatisch start en tegelijk met andere content wordt getoond:
- Of er een mechanisme is om de content te pauzeren, stoppen of verbergen, of om de frequentie van de actualisering in te stellen (bijvoorbeeld een knop, link, schakelknop of instelling)
- Test elk gevonden mechanisme en controleer:
- Bij een mechanisme om te pauzeren, stoppen of verbergen:
- Of de actualisering pauzeert of stopt, of de content verborgen wordt na activering
- Of de actualisering niet vanzelf opnieuw start
- Of de actualisering gepauzeerd blijft als de aanwijzer of de focus van de content weggaat
- Bij een instelling voor de frequentie:
- Of de content wordt bijgewerkt volgens de ingestelde frequentie
- Bij een mechanisme om te pauzeren, stoppen of verbergen:
Test 3: Verminderde beweging met voorkeursinstelling (indien van toepassing)
Let op: Gebruik deze procedure alleen als er in test 1 content is zonder mechanisme om die te pauzeren, stoppen of verbergen.
- Open de te testen webpagina in Chrome
- Open de ontwikkelaarstools
- Open het paneel Renderen via DevTools aanpassen en beheren (⋮) → Meer tools → Renderen
- Emuleer de CSS-mediafunctie
prefers-reduced-motion: reduce
- Herlaad de pagina
- Verken de pagina met muis en toetsenbord
- Scrol door de pagina
- Beweeg de muis over elementen en navigeer met Tab door de pagina
- Bepaal welke bewegende, knipperende of scrollende content er is:
- Filmpjes die automatisch afspelen
- Animaties (ook animaties die starten bij scrollen, hover of focus)
- Bewegende advertenties
- Lopende teksten
- Knipperende elementen
- Bepaal voor elk bewegend, knipperend of scrollend element:
- Of het automatisch start
- Of het tegelijk met andere content wordt getoond
- Of de beweging langer dan 5 seconden duurt
- Controleer voor elk bewegend, knipperend of scrollend element dat niet te pauzeren, stoppen of verbergen is:
- Of de beweging niet start of binnen 5 seconden stopt
- Of de beweging niet vanzelf opnieuw start
Belangrijk om te weten
- Een mechanisme dat niet met alleen het toetsenbord te bedienen is, is een bevinding onder 2.1.1 Toetsenbord.
- Na een pauze mag automatisch actualiserende content verdergaan met de actuele stand.
- Content die meer dan 3 keer per seconde flitst, valt onder 2.3.1 Drie flitsen of beneden drempelwaarde. Een mechanisme om te stoppen is daar geen oplossing.
- De voorkeursinstelling voor minder beweging is een bewust gekozen slaagroute. De keuze steunt op de WCAG-definitie van mechanisme, dat ook door het platform mag worden geleverd.
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
- De beweging start niet of stopt binnen 5 seconden als de voorkeursinstelling voor minder beweging aanstaat
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