Kryterium 2.3.3 – Animacje wywołane interakcją w WCAG 2.1 ma na celu zapewnienie, że animacje i efekty ruchome pojawiają się na stronie tylko wtedy, gdy użytkownik je sam wywoła, np. klikając przycisk czy przesuwając myszką. Dzięki temu osoby wrażliwe na ruchome treści, np. osoby z problemami neurologicznymi lub koncentracją, mają większą kontrolę nad tym, co oglądają.
W tym artykule pokażemy, jak łatwo sprawdzić, czy strona spełnia to kryterium — bez potrzeby znajomości kodu.
Co oznaczają „animacje wywołane interakcją”?
To animacje, które:
-
nie startują automatycznie po wejściu na stronę,
-
pojawiają się dopiero, gdy użytkownik wykonuje konkretną akcję (np. kliknięcie, najechanie kursorem),
-
można je zatrzymać, ukryć lub wyłączyć,
-
nie powodują niekontrolowanego rozproszenia uwagi.
Jeśli animacje uruchamiają się samoczynnie i trwają bez możliwości przerwania, mogą wywołać dyskomfort lub problemy zdrowotne.
Jak sprawdzić zgodność z kryterium 2.3.3 bez wiedzy technicznej?
1. Obserwacja strony po wejściu
Co zrobić:
Otwórz stronę i sprawdź, czy animacje lub ruchome elementy pojawiają się od razu po załadowaniu strony, bez twojej akcji.
Na co zwrócić uwagę:
-
Czy coś zaczyna się ruszać samo z siebie?
-
Czy ruchome elementy utrudniają czytanie lub korzystanie ze strony?
-
Czy animacje można zatrzymać lub wyłączyć?
Przykład błędu:
Baner reklamowy zaczyna migotać i poruszać się samoczynnie po wejściu na stronę, bez możliwości zatrzymania.
2. Testowanie animacji po interakcji
Co zrobić:
Klikaj przyciski, najeżdżaj myszką na elementy i obserwuj, czy animacje pojawiają się tylko po tych działaniach.
Na co zwrócić uwagę:
-
Czy animacje ruszają się wyłącznie po twojej akcji?
-
Czy możesz zatrzymać lub ukryć animację, jeśli chcesz?
-
Czy animacje nie są zbyt intensywne lub rozpraszające?
Przykład błędu:
Animacja pojawia się po kliknięciu, ale nie da się jej zatrzymać ani wyłączyć, przez co trwa bardzo długo i rozprasza uwagę.
Dlaczego to ważne?
Automatyczne, niekontrolowane animacje mogą:
-
wywołać ataki u osób z padaczką lub innymi schorzeniami neurologicznymi,
-
utrudnić koncentrację i czytanie,
-
sprawić, że korzystanie ze strony stanie się dla niektórych użytkowników niemożliwe lub bardzo niekomfortowe.
Podsumowanie
Kryterium 2.3.3 wymaga, by animacje na stronie pojawiały się wyłącznie po interakcji użytkownika i by można je było zatrzymać lub ukryć.