Animacje i ruch na stronie
Inne nazwy: karuzela, slider, ruchome elementy, miganie
W jednym zdaniu
To elementy, które się poruszają, przewijają lub migają – użytkownik musi móc je zatrzymać, a niektóre mogą być wręcz niebezpieczne.
Co to znaczy
Przewijające się banery (karuzele), ruchome napisy czy animacje utrudniają skupienie się osobom z ADHD, trudnościami poznawczymi i słabowidzącym. Migające treści mogą wywołać atak padaczki.
Jeśli coś rusza się dłużej niż 5 sekund, musi być przycisk, żeby to zatrzymać. Strona powinna też szanować ustawienie „ogranicz ruch” w systemie.
Przykład z urzędu
Karuzela z aktualnościami na stronie gminy zmienia slajdy co 3 sekundy. Starsza osoba nie zdąży przeczytać tytułu. Przycisk „Zatrzymaj” rozwiązuje problem.
Co warto zrobić
- Unikaj automatycznie przewijających się karuzel albo dodaj przycisk pauzy.
- Nie używaj migających elementów.
Powiązane pojęcia
Wymagania WCAG, których to dotyczy
- 2.2.2 Pauza, zatrzymanie, ukrycie poziom A
- 2.3.1 Trzy błyski lub wartości poniżej progu poziom A
- 2.3.3 Animacje z interakcji poziom AAA
Szczegółowe wyjaśnienie, jak to sprawdzić i naprawić, znajdziesz w słowniku kryteriów WCAG.
Wróć do wszystkich pojęć · Ostatnia aktualizacja: