2.2.4 Przerywanie - poziom AAA

To kryterium dotyczy sytuacji, gdy użytkownik wykonuje zadanie, a strona mu je przerywa (np. wyskakującym oknem, komunikatem, automatycznym przeładowaniem, przekierowaniem). Wymóg na poziomie AAA jest prosty w idei: takie przerwania powinny dać się odłożyć lub wyłączyć, chyba że przerwanie jest sytuacją awaryjną.

O co chodzi w praktyce?

Przerywanie to nie tylko pop-up. To każda sytuacja, w której strona wybija użytkownika z rytmu: zatrzymuje czynność, wymusza reakcję, zasłania treść albo przerywa proces w momencie, gdy użytkownik coś czyta, wpisuje lub wykonuje krok po kroku.

Na poziomie AAA WCAG wymaga, aby użytkownik mógł decydować czy chce się tym zająć teraz, czy później

Najczęstsze powody niespełnienia kryterium sukcesu 2.2.4

• Przerywanie pojawia się i nie ma opcji „później” – użytkownik musi je obsłużyć natychmiast, inaczej nie przejdzie dalej.
• Przerywanie da się zamknąć, ale wraca w kółko albo blokuje proces, mimo że nie jest sytuacją wyjątkową.
• Wyjątek „sytuacja wyjątkowa” jest nadużywany do komunikatów, które są ważne dla serwisu (np. marketingowo), ale nie są sytuacją wyjątkową dla użytkownika.

Jak spełnić kryterium 2.2.4 Przerywanie?

1. Zacznij od podstawy: przy każdym przerywającym elemencie daj użytkownikowi prostą decyzję wprost w interfejsie: Odłóż / Później albo Odrzuć / Nie pokazuj. To jest najczystsza droga do spełnienia odłożenia w czasie lub odrzucenia 
2. Jeśli przerywanie ma formę okna lub panelu, pilnuj, żeby nie było ono „pułapką” – użytkownik powinien móc je zamknąć i wrócić do zadania bez konsekwencji (bez utraty wpisanych danych, bez resetu kroku).
3. Wyjątek zostaw tylko dla komunikatów, które naprawdę są sytuacją wyjątkową. W pozostałych przypadkach mechanizm odłożenia lub odrzucenia musi być dostępny.

Pełny tekst kryterium 2.2.4 Przerywanie

Przerywanie pracy może być odłożone w czasie lub odrzucone przez użytkownika, chyba że jest to sytuacja wyjątkowa.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#przerywanie

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.1 Trzy błyski lub wartości poniżej progu - poziom A
• 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