Animation fra interaktioner

Silktide beder dig om at kontrollere, at bevægelsesanimation, der udløses af brugerinteraktion – parallax ved rulning, transformationer ved pegen og overgange ved klik – kan slås fra, medmindre bevægelsen er væsentlig. Dette er WCAG-succeskriterium 2.3.3 (niveau AAA).

Dette er en : Det kræver en person, der interagerer med siden, at afgøre, om bevægelsen er væsentlig, om der findes en kontakt, og om prefers-reduced-motion er konfigureret korrekt. Silktide viser prompten på hver side, og en person bekræfter den.

Hvorfor det er vigtigt

Bevægelse, der udløses af rulning, pegen eller klik, kan udløse vestibulære lidelser – svimmelhed, kvalme, migræne – hos personer, der er følsomme over for det. Operativsystemer tilbyder en indstilling for "reducer bevægelse" netop af denne grund. Websteder, der ignorerer den, tvinger disse brugere til enten at udholde bevægelsen eller forlade siden.

Dette adskiller sig fra Sæt på pause, stop, skjul (2.2.2), som dækker animation, som siden selv starter. 2.3.3 dækker animation, som brugeren udløser.

Hvad du skal kontrollere

Interager med siden: Rul, peg, fokuser, klik. Bemærk enhver bevægelse, der flytter indhold i rummet (parallakse, indskydninger, hoppen, overgangseffekter med sideskift). Enkle overgange med gennemsigtighed tæller ikke.
Aktivér operativsystemets indstilling for reduceret bevægelse (eller emulér prefers-reduced-motion: reduce i browserens udviklerværktøjer), og gentag. Ikke-væsentlig bevægelse bør stoppe.
Hvis webstedet ikke respekterer operativsystemets indstilling, skal du se efter et kontrolelement på siden, der deaktiverer ikke-væsentlig animation. Bekræft, at det virker og ikke skjuler indhold.
Bevægelse, der er væsentlig for funktionen (en indlæsningsindikator, en statuslinje, en forhåndsvisning til oprettelse af animation), er undtaget – registrér denne vurdering, når du godkender.

Sådan løser du det

Foretræk at respektere prefers-reduced-motion i CSS og JavaScript (WCAG-teknikkerne C39 og SCR40).
Eller giv en kontrol på hele webstedet, der slår ikke-væsentlig bevægelse, som udløses af interaktion, fra.
Undgå parallakse og store rumlige overgange, når en enklere effekt er tilstrækkelig.

Hvis siden ikke har bevægelse, der udløses af interaktion, eller hvis al sådan bevægelse kan deaktiveres (eller er væsentlig), skal du fundet.

Sådan tester Silktide dette

Silktide kan ikke observere bevægelse over tid fra en statisk crawling, så dette tjek viser én gennemgangsprompt pr. side, som beskriver, hvad der skal kontrolleres. Intet udbredt værktøj automatiserer 2.3.3 – der findes ingen W3C ACT-regel for det, og hverken axe eller Siteimprove leverer et tjek for det.