2.3.1 Trzy błyski lub wartości poniżej progu - poziom A
To kryterium chroni użytkownika przed treściami, które mogą wywołać napad u osób z padaczką fotogenną. W praktyce oznacza to, że na stronie nie może pojawić się nic, co błyska częściej niż 3 razy na sekundę, chyba że błysk mieści się poniżej progów: błysku i czerwonego błysku.
O co chodzi w kryterium 2.3.1 Trzy błyski lub wartości poniżej progu?
Jeśli na stronie masz animacje, wideo, reklamy, efekty przejść, mrugające elementy interfejsu albo dynamiczne grafiki, musisz pilnować, żeby żaden fragment treści nie generował niebezpiecznego błyskania.
Ważne: to kryterium dotyczy całej strony, nie tylko strony głównej. Jeśli coś nie spełnia 2.3.1, może utrudnić korzystanie z całej strony.
Najczęstsze powody niespełnienia kryterium 2.3.1
Animacje i efekty stroboskopowe w banerach albo intro. Czasem to są szybkie przejścia jasne–ciemne, czasem migotanie tła, czasem dynamiczne światła imitujące błysk.
Wideo z intensywnymi błyskami (np. światła sceniczne, wyładowania, „flash” w montażu). Film może wyglądać w porządku dla większości osób, ale nadal przekraczać progi bezpieczeństwa w konkretnych fragmentach.
Czerwone błyski i silnie nasycone czerwienie, które migają. W WCAG jest osobny próg dla czerwonych błysków, bo część osób jest na nie szczególnie wrażliwa.
Jak sprawdzić, czy spełniasz 2.3.1
Przejrzyj stronę pod kątem elementów, które migają lub szybko zmieniają jasność:
- banery,
- animacje,
- karuzele,
- materiały wideo,
- tła sekcji.
Jeśli masz wątpliwość co do wideo albo animacji, sprawdzaj szczególnie te momenty, gdzie obraz pulsuje, pojawia się naprzemiennie jasne/ciemne tło albo wchodzą dynamiczne czerwone akcenty — właśnie tam najczęściej dochodzi do przekroczeń progów.
Rekomendacje jak spełnić kryterium 2.3.1
Najprostsza i najbezpieczniejsza zasada: nie używaj błysków. Jeśli element ma przyciągać uwagę, lepiej użyć spokojniejszej animacji (bez szybkich zmian jasności) albo statycznego wyróżnienia.
Jeśli błyski są częścią materiału (np. wideo), masz dwa kierunki:
- edytujesz materiał, żeby nie było więcej niż 3 błyski na sekundę w żadnym fragmencie,
- albo doprowadzasz efekt do wartości poniżej progów (to podejście jest bardziej złożone, bo opiera się o testy progów - dlatego odradzamy).
Jeżeli chcesz uprościć sobie życie testowo i wdrożeniowo przyjmij podejście: nigdy więcej niż 3 błyski na sekundę, niezależnie od wielkości i jasności ;) Polecamy u nas działa...
Pełny tekst kryterium 2.3.1 Trzy błyski lub wartości poniżej progu
Strony internetowe nie zawierają w swojej treści niczego, co błyska częściej niż trzy razy w ciągu jednej sekundy, lub też błysk nie przekracza wartości granicznych dla błysków ogólnych i czerwonych.
Źródło: https://www.w3.org/Translations/WCAG21-pl/#trzy-b-yski-lub-wartosci-ponizej-progu
Chcesz wiedzieć więcej?
- 2.1.1 Klawiatura - poziom A
- 2.1.2 Brak pułapki na klawiaturę - poziom A
- 2.1.3 Klawiatura (bez wyjątków) - poziom AAA
- 2.1.4 Jednoznakowe skróty klawiaturowe - poziom A
- 2.2.1 Dostosowanie czasu - poziom A
- 2.2.2 Pauza, zatrzymanie, ukrycie - poziom A
- 2.2.3 Brak czasu - poziom AAA
- 2.2.4 Przerywanie - poziom AAA
- 2.2.6 Ostrzeżenie o limicie czasu - poziom AAA
- 2.3.2 Trzy błyski - poziom AAA
- 2.3.3 Animacja po interakcji (Poziom AAA)
- 2.4.1 Możliwość pominięcia bloków - poziom A
- 2.4.2 Tytuł strony - poziom A
- 2.4.3 Kolejność fokusu - poziom A
- 2.4.4 Cel łącza (w kontekście) - poziom A
- 2.4.5 Wiele dróg - poziom AA
- 2.4.6 Nagłówki i etykiety - poziom AA
- 2.4.7 Widoczny fokus - poziom AA
- 2.4.8 Lokalizacja - poziom AAA
- 2.4.9 Cel łącza (z samego łącza) - poziom AAA
- 2.4.10 Nagłówki sekcji - poziom AAA
- 2.5.1 Gesty wskazujące - poziom A
- 2.5.2 Rezygnacja ze wskazania - poziom A
- 2.5.3 Etykieta w nazwie - poziom A
- 2.5.4 Aktywowanie ruchem - poziom A
- 2.5.5 Rozmiar celu - poziom AAA
- 2.5.6 Równoległy mechanizm wprowadzania danych - poziom AAA