Kryterium 2.2.2 – Pauza, zatrzymanie, ukrycie (WCAG 2.1, poziom A) dotyczy wszystkich elementów na stronie, które poruszają się, zmieniają, automatycznie przewijają lub migają. Głównym celem jest umożliwienie użytkownikowi zatrzymania lub ukrycia takich treści, jeśli są one rozpraszające lub przeszkadzają w korzystaniu ze strony.
W tym artykule pokażemy prostym językiem, jak sprawdzić zgodność z tym kryterium — bez potrzeby znajomości kodu.
Co oznacza „pauza, zatrzymanie, ukrycie”?
Chodzi o ruchome lub automatyczne treści na stronie, takie jak:
-
Slidery (np. pokaz slajdów lub banerów),
-
Automatycznie przewijające się wiadomości (np. paski z informacjami),
-
Animacje, które nie przestają się poruszać,
-
Reklamy zmieniające się co kilka sekund.
Jeśli taki element trwa dłużej niż 5 sekund i nie jest istotny dla działania strony (np. zegar), użytkownik powinien mieć możliwość:
-
zatrzymania go,
-
pauzowania,
-
ukrycia.
Jak sprawdzić zgodność z WCAG 2.2.2 bez wiedzy technicznej?
1. Przejrzyj stronę pod kątem ruchomych treści
Jak to zrobić?
Otwórz stronę i zatrzymaj się na chwilę. Sprawdź, czy coś się porusza, przesuwa, migocze albo samoczynnie zmienia.
Na co zwrócić uwagę?
-
Czy slider automatycznie zmienia slajdy co kilka sekund?
-
Czy poruszające się elementy mają przycisk pauzy lub zatrzymania?
-
Czy możesz sam kontrolować treść (np. przewijać ręcznie)?
Przykład błędu:
Na stronie głównej znajduje się karuzela ze zdjęciami i tekstami, które zmieniają się automatycznie co 5 sekund — bez możliwości zatrzymania lub ręcznego przewijania.
2. Przetestuj użyteczność strony z ruchem w tle
Jak to zrobić?
Spróbuj przeczytać tekst obok animacji lub baneru. Zastanów się, czy migający lub przesuwający się element nie rozprasza Cię lub nie przeszkadza w skupieniu.
Zwróć uwagę:
-
Czy możesz wstrzymać animację?
-
Czy migający element nie odwraca uwagi od treści głównej?
-
Czy slider można obsłużyć ręcznie (np. strzałkami lub przyciskiem „pauza”)?
Przykład błędu:
Baner reklamowy z animacją wideo odtwarza się w pętli i nie da się go zatrzymać ani ukryć.
Dlaczego to ważne?
Dla wielu użytkowników — szczególnie z zaburzeniami uwagi, padaczką fotogenną, problemami neurologicznymi lub po prostu z mniejszą koncentracją — poruszające się elementy mogą być przeszkodą lub zagrożeniem.
Brak możliwości zatrzymania takich treści może sprawić, że użytkownik nie będzie w stanie przeczytać strony lub poczuje się przytłoczony.
Podsumowanie
Kryterium 2.2.2 – Pauza, zatrzymanie, ukrycie zapewnia, że użytkownik ma kontrolę nad poruszającymi się treściami. To nie tylko kwestia dostępności — to również lepsze doświadczenie dla wszystkich odwiedzających stronę.
Dobre praktyki:
-
Zapewnij przycisk „pauzuj” lub „zatrzymaj” przy sliderach.
-
Unikaj automatycznych zmian treści bez możliwości kontroli.
-
Zrezygnuj z migających lub przesuwających się informacji, jeśli nie są konieczne.
-
Upewnij się, że animacje nie przeszkadzają w czytaniu lub nawigacji.
Pamiętaj: więcej kontroli dla użytkownika to mniej frustracji i więcej dostępności.