Zasada 2: Funkcjonalność 2.2 Wystarczająca ilość czasu

2.2.2 Pauza, zatrzymanie, ukrycie

WCAG 2.2.2 Pause, Stop, Hide

W skrócie

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.

Poziom
A Podstawowe minimum – bez tego część osób w ogóle nie skorzysta ze strony.
Czy to obowiązkowe?
Wymagane prawem
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, Automatyczne odtwarzanie i kontrola dźwięku

Komu i dlaczego to pomaga

Ruch rozprasza osoby z ADHD i trudnościami poznawczymi, a karuzela przewijająca się sama nie daje czasu na przeczytanie osobom czytającym wolniej.

  • Osoby z trudnościami poznawczymi
  • Osoby słabowidzące
  • Osoby niewidome

Jak zrobić to dobrze

  • Dodaj przycisk „Zatrzymaj” do karuzel i animacji; najlepiej nie uruchamiaj ich automatycznie.
  • Szanuj ustawienie systemowe prefers-reduced-motion.

Najczęstsze błędy

  • Karuzela na stronie głównej bez przycisku pauzy.
  • Przewijany pasek „najnowszych informacji”.
  • Animowane tła i GIF-y odtwarzane w pętli.

Jak to sprawdzić

  1. Poszukaj na stronie wszystkiego, co się rusza samo – czy jest widoczny przycisk pauzy dostępny z klawiatury?

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

Czy to obowiązkowe?

Powiązane kryteria

2.3.3

Animacje z interakcji

Poziom AAA

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

1.4.2

Kontrola odtwarzania dźwięku

Poziom A Wymagane prawem

Jeśli dźwięk odtwarza się automatycznie dłużej niż 3 sekundy, musi być sposób, by go zatrzymać lub ściszyć niezależnie od głośności systemu.

Ostatnia aktualizacja: .
Źródło: Understanding SC 2.2.2: Pause, Stop, Hide – oficjalne objaśnienie W3C (po angielsku).