Przejdź do treści
Ręce klikają przycisk na telefonie w aplikacji Instagram. Nawiązanie do WCAG 2.5.2 rezygnacja ze wskazania.Gabrielle Henderson na Unsplash

Zapraszamy Was do zapoznania się z kryterium WCAG 2.5.2 rezygnacja ze wskazania – poziom A.

Kryterium to ma zastosowanie zarówno do urządzeń mobilnych takich jak telefony czy tablety, ale także komputerów, które obsługujemy na co dzień za pomocą myszki, touchpada czy rysika.

Najważniejsza zasada WCAG 2.5.2 rezygnacja ze wskazania?

Pisząc aplikacje, pamiętajmy o tym, by nie wywoływać zdarzenia, które zadzieje się podczas jednorazowego kliknięcia myszy lub dotknięcia ekranu.

Tak, tak, wiemy, wydaje się straszne i trudne… Już dajemy przykłady, będzie łatwiej

Przycisk na stronie www do wysłania formularza

Samo jego aktywowanie – kliknięcie/dotknięcie – nie powinno spowodować wysłania formularza. Akcja powinna zadziać się dopiero, jeśli wykonamy akcję oderwania wskaźnika – czyli akcje “up”. Dopóki jednak tego nie zrobimy, możemy nasz wskaźnik przesunąć w dowolne miejsce poza element, czyli anulować wskazanie, a nasze zdarzenie nie wykona się.

Przycisk w aplikacji

Weźmy za przykład popularny Instagram. Zobaczcie, że samo przytrzymanie przycisku “+” powoduje przejście na ekran dodawania relacji. Czym broni się Instagram? Między innymi tym, że po pojawieniu się nowego ekranu mamy opcje przycisku “X” czyli “zamknij”. Kryterium jest więc spełnione. Pozostałe z tych przycisków, na przykład “rolki” wykonują już inną akcję. Musimy podnieść wskaźnik, by przeglądać przez kolejne godziny wspaniałe rolki.  Może by tak utrzymać jakąś spójność? Zapewne idą za tym decyzje biznesowe.

Przycisk typu checkbox

Samo jego aktywowanie, czyli tak zwane wskazanie, rzeczywiście powoduje jego zaznaczenie, jednakże Użytkownik ma możliwość cofnięcia tego zachowania, dzięki kliknięciu w niego raz jeszcze.

Link

Wykonanie akcji wskazania na linku nie wykona nam przejścia do kolejnej strony, jeśli przesuniemy wskaźnik poza ten element.

Tooltip

Wskazanie na ten element może powodować nam pokazanie się dodatkowej informacji, jednakże anulowanie wskazania spowoduje jej zniknięcie. Nasz Użytkownik jest w stanie przywrócić stan pierwotny – stan bez dodatkowej informacji. Czy rekomendujemy takie rozwiązanie? Raczej doradzamy naszym Klientom, by tooltipy implementować jako przyciski, ale to temat na inne kryterium.

Wydawało się strasznie, a chyba nie było tak źle, prawda?

Małgorzata Szymczak

Małgorzata Szymczak

Accessibility Specialist & Junior Frontend Developer