Animasjon fra interaksjoner

Silktide ber deg kontrollere at bevegelsesanimasjoner som utløses av brukerinteraksjon – parallakse ved rulling, transformasjoner ved markøren over og overganger ved klikk – kan slås av, med mindre bevegelsen er nødvendig. Dette er suksesskriterium 2.3.3 på nivå AAA i .

Dette er en : Det kreves at en person samhandler med siden for å avgjøre om bevegelsen er nødvendig, om det finnes en bryter, og om prefers-reduced-motion er konfigurert riktig. Silktide viser spørsmålet på hver side, og en person bekrefter det.

Hvorfor dette er viktig

Bevegelse som utløses av rulling, når markøren holdes over noe eller ved klikking, kan utløse vestibulære forstyrrelser – svimmelhet, kvalme og migrene – hos personer som er følsomme for dette. Operativsystemer tilbyr en innstilling for «redusert bevegelse» nettopp av denne grunnen. Nettsteder som ignorerer den, tvinger disse brukerne til enten å tåle bevegelsen eller forlate siden.

Dette er forskjellig fra Pause, stopp, skjul (2.2.2), som gjelder animasjon som siden starter på egen hånd. 2.3.3 gjelder animasjon som brukeren utløser.

Hva som skal kontrolleres

Samhandle med siden: rull, hold markøren over elementer, sett fokus og klikk. Legg merke til eventuell bevegelse som flytter innhold i rommet (parallakse, elementer som glir inn, sprett og overganger som blar siden). Enkle toninger i gjennomsiktighet teller ikke.
Aktiver operativsystemets innstilling for redusert bevegelse (eller etterlign prefers-reduced-motion: reduce i nettleserens DevTools), og gjenta testen. Bevegelse som ikke er nødvendig, skal stoppe.
Hvis nettstedet ikke respekterer operativsystemets innstilling, kan du se etter en kontroll på siden som deaktiverer animasjon som ikke er nødvendig. Bekreft at den fungerer og ikke skjuler innhold.
Bevegelse som er nødvendig for funksjonen (en innlastingsindikator, en fremdriftslinje eller en forhåndsvisning for å lage animasjoner) er unntatt – registrer denne vurderingen når du godkjenner.

Slik løser du det

Foretrekk å respektere prefers-reduced-motion i CSS og JavaScript (WCAG-teknikkene C39 og SCR40).
Eller tilby en kontroll for hele nettstedet som slår av bevegelse utløst av interaksjon, når den ikke er nødvendig.
Unngå parallakse og store romlige overganger når en enklere effekt ville fungere.

Hvis siden ikke har bevegelse som utløses av interaksjon, eller all slik bevegelse kan deaktiveres (eller er nødvendig), funnet.

Slik tester Silktide dette

Silktide kan ikke observere bevegelse over tid fra en statisk gjennomgang, så denne kontrollen oppretter ett spørsmål om gjennomgang per side som beskriver hva som skal kontrolleres. Ingen utbredt verktøy automatiserer 2.3.3 – det finnes ingen W3C ACT-regel for det, og verken axe eller Siteimprove leverer en kontroll for det.