Zasada 2: Funkcjonalność 2.3 Napady padaczki i reakcje fizyczne

2.3.3 Animacje z interakcji

WCAG 2.3.3 Animation from Interactions

W skrócie

Animacje ruchu wywołane interakcją (paralaksa, przesuwanie przy przewijaniu, powiększanie) można wyłączyć – chyba że są niezbędne.

Poziom: AAA Najwyższy poziom – dobrowolny, warto go stosować tam, gdzie się da.
Czy to obowiązkowe?: Poziom AAA – dobrowolne
Kto w zespole odpowiada: Programowanie, Projektowanie UX/UI
Jak to wykryć: Tylko test ręczny

Wyjaśnienie prostym językiem: Animacje i ruch na stronie

Komu i dlaczego to pomaga

Osoby z zaburzeniami błędnika dostają od takich animacji zawrotów głowy i nudności.

Osoby z padaczką i zaburzeniami błędnika
Osoby z trudnościami poznawczymi

Jak zrobić to dobrze

Obsłuż media query prefers-reduced-motion i wyłączaj w nim animacje ruchu.

Najczęstsze błędy

Efekt paralaksy przy przewijaniu bez możliwości wyłączenia.

Przykład w kodzie

Dobrze

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

Jak to sprawdzić

Włącz w systemie „ogranicz ruch” i sprawdź, czy animacje ustały.

Tylko test ręczny. Automat tego nie sprawdzi – potrzebny jest test ręczny lub audyt ekspercki.

Czy to obowiązkowe?

Poziom AAA – dobrowolne

Poziom AAA nie jest wymagany przez ustawę o dostępności cyfrowej ani przez European Accessibility Act. Warto go stosować tam, gdzie to możliwe – szczególnie w serwisach dla osób ze szczególnymi potrzebami.

Powiązane kryteria

2.2.2

Pauza, zatrzymanie, ukrycie

A Wymagane prawem

Treści ruchome, migające lub przewijające się automatycznie dłużej niż 5 sekund (karuzele, pasy z wiadomościami, animacje) muszą mieć możliwość pauzy, zatrzymania lub ukrycia. To samo dotyczy treści aktualizujących się automatycznie.

Ostatnia aktualizacja: 28 września 2026.
Źródło: Understanding SC 2.3.3: Animation from Interactions – oficjalne objaśnienie W3C (po angielsku).