Animacja wywoływana interakcją

Silktide prosi o sprawdzenie, czy animację ruchu wywoływaną interakcją użytkownika — przewijaniem paralaksy, transformacjami po najechaniu kursorem, przejściami po kliknięciu — można wyłączyć, chyba że ruch jest niezbędny. Jest to kryterium sukcesu 2.3.3 (poziom AAA) .

To jest : ustalenie, czy ruch jest niezbędny, czy istnieje przełącznik oraz czy prefers-reduced-motion jest prawidłowo skonfigurowane, wymaga interakcji człowieka ze stroną. Silktide wyświetla prompt na każdej stronie, a osoba go potwierdza.

Dlaczego to jest ważne

Ruch wywoływany przewijaniem, najechaniem kursorem lub kliknięciem może u osób wrażliwych na niego wywoływać zaburzenia przedsionkowe — zawroty głowy, nudności, migreny. Systemy operacyjne udostępniają ustawienie „ogranicz ruch” właśnie z tego powodu. Witryny, które je ignorują, zmuszają tych użytkowników do znoszenia ruchu albo opuszczenia strony.

Różni się to od Wstrzymywanie, zatrzymywanie, ukrywanie (2.2.2), które dotyczy animacji uruchamianej samodzielnie przez stronę. Punkt 2.3.3 dotyczy animacji wywoływanej przez użytkownika.

Co sprawdzić

Wejdź w interakcję ze stroną: przewijaj, najedź kursorem, ustaw fokus, klikaj. Zwróć uwagę na ruch, który przemieszcza treść w przestrzeni (paralaksa, wsuwanie, podskakiwanie, przejścia z efektem przewracania strony). Zwykłe zanikanie poprzez zmianę krycia się nie liczy.
Włącz w systemie operacyjnym ustawienie ograniczania ruchu (lub zasymuluj prefers-reduced-motion: reduce w narzędziach deweloperskich przeglądarki) i powtórz czynności. Ruch, który nie jest niezbędny, powinien zostać zatrzymany.
Jeśli witryna nie uwzględnia preferencji systemu operacyjnego, poszukaj kontrolki na stronie, która wyłącza niezbędną animację. Potwierdź, że działa i nie ukrywa treści.
Ruch niezbędny do działania funkcji (wskaźnik ładowania, pasek postępu, podgląd tworzenia animacji) jest wyłączony z tego wymagania — odnotuj tę ocenę podczas zatwierdzania.

Jak to naprawić

Preferuj obsługę prefers-reduced-motion w CSS i JavaScript (techniki WCAG C39 i SCR40).
Możesz też udostępnić kontrolkę obejmującą całą witrynę, która wyłącza nieistotny ruch wywoływany interakcją.
Unikaj paralaksy i dużych przejść przestrzennych, jeśli wystarczy prostszy efekt.

Jeśli na stronie nie ma ruchu wywoływanego interakcją albo każdy taki ruch można wyłączyć (lub jest on niezbędny), ustalenie.

Jak Silktide to testuje

Silktide nie może obserwować ruchu w czasie na podstawie statycznego indeksowania, dlatego ta kontrola wyświetla jeden prompt przeglądu na stronę, opisujący, co należy zweryfikować. Żadne powszechnie używane narzędzie nie automatyzuje punktu 2.3.3 — nie istnieje dla niego reguła W3C ACT, a ani axe, ani Siteimprove nie oferują kontroli w tym zakresie.