Animatie door interacties

Silktide vraagt je te controleren of bewegingsanimaties die door een gebruikersinteractie worden geactiveerd - parallax tijdens het scrollen, transformaties bij aanwijzen, overgangen bij klikken - kunnen worden uitgeschakeld, tenzij de beweging essentieel is. Dit is succescriterium 2.3.3 (niveau AAA) van .

Dit is een : om te bepalen of beweging essentieel is, of er een schakelaar beschikbaar is en of prefers-reduced-motion correct is geïmplementeerd, moet iemand met de pagina interageren. Silktide toont de prompt op elke pagina en iemand bevestigt deze.

Waarom dit belangrijk is

Beweging die wordt geactiveerd door scrollen, aanwijzen of klikken kan vestibulaire aandoeningen veroorzaken - duizeligheid, misselijkheid en migraine - bij mensen die er gevoelig voor zijn. Besturingssystemen bieden daarom een voorkeur voor 'beweging verminderen'. Websites die deze voorkeur negeren, dwingen deze gebruikers ertoe de beweging te verdragen of de pagina te verlaten.

Dit verschilt van Pauzeren, stoppen, verbergen (2.2.2), dat animatie behandelt die de pagina zelf start. 2.3.3 behandelt animatie die door de gebruiker wordt geactiveerd.

Wat je moet controleren

Interageer met de pagina: scroll, beweeg de aanwijzer, geef focus en klik. Let op beweging die inhoud in de ruimte verplaatst (parallax, elementen die inschuiven, stuiteren en paginawisselovergangen). Eenvoudige vervagingen van de dekking tellen niet mee.
Schakel de instelling voor minder beweging van het besturingssysteem in (of simuleer prefers-reduced-motion: reduce in de ontwikkelaarstools van de browser) en herhaal de stappen. Niet-essentiële beweging moet stoppen.
Als de website de voorkeur van het besturingssysteem niet respecteert, zoek dan naar een bedieningselement op de pagina waarmee niet-essentiële animatie kan worden uitgeschakeld. Controleer of dit werkt en geen inhoud verbergt.
Beweging die essentieel is voor de werking (een laadanimatie, een voortgangsbalk of een voorbeeld van het maken van animaties) is vrijgesteld - leg die beoordeling vast wanneer je de bevinding goedkeurt.

Hoe je dit oplost

Geef de voorkeur aan het respecteren van prefers-reduced-motion in CSS en JavaScript (WCAG-technieken C39 en SCR40).
Of bied een bedieningselement voor de hele website waarmee niet-essentiële, door interacties geactiveerde beweging wordt uitgeschakeld.
Vermijd parallax en grote ruimtelijke overgangen wanneer een eenvoudiger effect volstaat.

Als de pagina geen door interacties geactiveerde beweging bevat, of als elke dergelijke beweging kan worden uitgeschakeld (of essentieel is), de bevinding goed.

Hoe Silktide dit test

Silktide kan beweging in de loop van de tijd niet waarnemen vanuit een statische crawl. Daarom genereert deze controle één beoordelingsprompt per pagina met een beschrijving van wat moet worden gecontroleerd. Geen enkele gangbare tool automatiseert 2.3.3 - er is geen W3C ACT-regel voor en noch axe noch Siteimprove levert hiervoor een controle.