Animering från interaktioner

Silktide uppmanar dig att kontrollera att rörelseanimeringar som utlöses av användarinteraktion – parallax vid rullning, hovringstransformeringar och övergångar vid klick – kan stängas av, såvida rörelsen inte är nödvändig. Detta är framgångskriterium 2.3.3 (nivå AAA).

Detta är en : en person behöver interagera med sidan för att avgöra om rörelsen är nödvändig, om det finns en växlingsknapp och om prefers-reduced-motion är korrekt implementerat. Silktide visar prompten på varje sida och en person bekräftar den.

Varför detta är viktigt

Rörelse som utlöses av rullning, hovring eller klick kan utlösa vestibulära störningar – yrsel, illamående och migrän – hos personer som är känsliga för den. Operativsystem har en inställning för ”minska rörelse” av just denna anledning. Webbplatser som ignorerar den tvingar dessa användare att antingen stå ut med rörelsen eller lämna sidan.

Detta skiljer sig från Pausa, stoppa, dölj (2.2.2), som omfattar animeringar som sidan startar på egen hand. 2.3.3 omfattar animeringar som användaren utlöser.

Vad som ska kontrolleras

Interagera med sidan: rulla, hovra, fokusera och klicka. Lägg märke till all rörelse som flyttar innehåll i rummet (parallax, inflygningar, studsningar och sidvändningsövergångar). Enkla toningar med ändrad opacitet räknas inte.
Aktivera operativsystemets inställning för att minska rörelse (eller simulera prefers-reduced-motion: reduce i webbläsarens DevTools) och upprepa testet. Rörelse som inte är nödvändig ska upphöra.
Om webbplatsen inte respekterar operativsystemets inställning letar du efter ett kontroll på sidan som inaktiverar animering som inte är nödvändig. Bekräfta att den fungerar och inte döljer innehåll.
Rörelse som är nödvändig för funktionen (en laddningsindikator, en förloppsindikator eller en förhandsvisning av animeringsredigering) är undantagen – registrera den bedömningen när du godkänner.

Så åtgärdar du problemet

Prioritera att respektera prefers-reduced-motion i CSS och JavaScript (WCAG-teknikerna C39 och SCR40).
Eller tillhandahåll ett webbplatsomfattande kontroll som stänger av rörelse som utlöses av interaktion och inte är nödvändig.
Undvik parallax och stora rumsliga övergångar när en enklare effekt skulle fungera.

Om sidan inte innehåller någon rörelse som utlöses av interaktion, eller om all sådan rörelse kan inaktiveras (eller är nödvändig), du resultatet.

Så testar Silktide detta

Silktide kan inte observera rörelse över tid från en statisk genomsökning, så denna kontroll visar en granskningsprompt per sida med en beskrivning av vad som ska verifieras. Inget vanligt verktyg automatiserar 2.3.3 – det finns ingen W3C ACT-regel för det, och varken axe eller Siteimprove erbjuder en kontroll för det.