Drgawki – Kryterium sukcesu A według WCAG 2.2 : 2.3.1
Kryterium sukcesu AAA według WCAG 2.2: 2.3.2, 2.3.3
Przyjrzymy się ruchomej, migającej lub błyskającej zawartości na stronach internetowych i w aplikacjach. Przykładami takich elementów są: karuzele, pokazy slajdów, animacje SVG, gify, filmy wideo oraz nieskończone przewijanie (infinite scroll).
Dla kogo jest to ważne?
- Osoby, które doświadczają napadów padaczkowych lub migren w reakcji na błyskające lub migające elementy.
- Osoby z zawrotami głowy lub nudnościami spowodowanymi ruchem na ekranie.
- Osoby, które mają trudności ze śledzeniem poruszających się obiektów.
- Osoby z zaburzeniami koncentracji, które mogą mieć problem z nadmierną ilością dynamicznych elementów.
W takich przypadkach użytkownicy powinni mieć możliwość kontrolowania ruchomej treści i dostosowania jej do swoich potrzeb.
50 MILIONÓW LUDZI na świecie choruje na padaczkę (epilepsję).
Jak ograniczyć ruch na ekranie?
Kod może zawierać informacje o tym, jak strona powinna reagować, gdy użytkownik preferuje ograniczenie ruchu. Na przykład, jeśli zmienię ustawienia na moim komputerze, zobaczę alternatywną wersję animacji.
Np. na MACu można to zrobić wchodząc w:
Preferencje systemowe → Dostępność → Ekran → Ogranicz ruch.
Dlaczego to takie ważne?
Ruchoma, migająca i błyskająca zawartość może nie tylko rozpraszać użytkowników, ale w niektórych przypadkach powodować poważne problemy zdrowotne. Napady fotowrażliwe oraz zaburzenia przedsionkowe mogą być wywołane przez określone typy błysków lub ruchów na stronach internetowych i w aplikacjach.
W miarę jak treści stają się coraz bardziej dynamiczne i bogate w multimedia, niezwykle istotne jest, aby zastanowić się, jak wpływają one na zdrowie użytkowników.
Czego unikać?
- Zawartości, która miga więcej niż trzy razy na sekundę.
- Animacji obejmujących duży obszar ekranu.
- Bardzo jasnych, intensywnie błyskających elementów.
Jeśli masz wątpliwości, czy Twoje treści mogą stanowić zagrożenie, możesz je przetestować za pomocą Trace Center’s Photosensitive Epilepsy Analysis Tool (PEAT). To darmowe narzędzie pomaga twórcom sprawdzić, czy ich animacje i filmy mogą wywołać ataki padaczkowe.
Pamiętaj, że dostępność to także zdrowie użytkowników!
