WCAG 2.5.7 Ruchy przeciągania

Kryterium sukcesu 2.5.7 jest nowe w WCAG 2.2. Pomaga osobom, które nie mogą przytrzymać przycisku podczas przesuwania wskaźnika: osobom z drżeniem rąk lub ograniczoną sprawnością dłoni oraz osobom korzystającym z trackballa, wskaźnika na głowie, systemu sterowania wzrokiem lub sterowania głosem. To poziom AA, część normy EN 301 549 (punkt 9.2.5.7).

Czego wymaga kryterium

Wszystkie funkcje, które do obsługi wykorzystują ruch przeciągania, można wykonać jednym wskaźnikiem bez przeciągania, chyba że przeciąganie jest niezbędne albo funkcja jest określona przez przeglądarkę (klienta użytkownika) i niezmieniona przez autora.

• Ruch przeciągania zaczyna się od naciśnięcia elementu, polega na przesunięciu wskaźnika przy przytrzymanym przycisku i kończy się puszczeniem.
• Alternatywa dla jednego wskaźnika to kliknięcie, dotknięcie lub długie przytrzymanie — np. dotknięcie wybranego miejsca albo przycisków „w górę” i „w dół”.
• Kryterium dotyczy akcji wskaźnika interpretowanych przez treść strony, a nie przeciągania obsługującego przeglądarkę lub technologię wspomagającą.

Przykłady W3C: suwak, w którym dotknięcie ścieżki przesuwa uchwyt, lista z możliwością sortowania, w której element można przenieść przyciskami, oraz mapa z przyciskami strzałek do przesuwania widoku.

Typowe błędy w sklepie internetowym

• filtr zakresu cen z dwoma uchwytami, które działają tylko przez przeciąganie;
• suwak „porównaj” lub „przed/po” na zdjęciach, który działa tylko przez przeciągnięcie linii podziału;
• listy życzeń, listy prezentowe lub zestawy produktów, których kolejność można zmienić tylko metodą „przeciągnij i upuść”;
• moduł przesyłania zdjęć (do nadruków lub opinii), który przyjmuje pliki tylko po przeciągnięciu ich na pole upuszczania;
• mapa z lokalizacjami sklepów, której widok przesuwa się tylko przeciąganiem.

Jak to sprawdzić

Automatycznie: axe-core nie ma reguły dla tego kryterium. To, czy akcja przeciągania ma alternatywę bez przeciągania, zależy od działania skryptów, dlatego potrzebna jest kontrola ręczna.

Ręcznie: spisać wszystkie elementy, które da się przeciągać: suwaki, karuzele, mapy, sortowalne listy, pola upuszczania, narzędzia do kadrowania. Dla każdej funkcji spróbować osiągnąć ten sam wynik wyłącznie pojedynczymi kliknięciami lub dotknięciami, nigdy nie przytrzymując przycisku podczas ruchu. Jeśli się nie da, kryterium nie jest spełnione.

Jak to naprawić

• Uczynić ścieżki suwaków klikalnymi i dodać obok filtrów zakresu pola liczbowe lub przyciski +/−.
• Dodać do sortowalnych list przyciski „Przesuń w górę” / „Przesuń w dół” albo menu wyboru pozycji.
• Zawsze łączyć pole upuszczania z przyciskiem „Wybierz plik” (natywnym <input type="file">).
• Dodać do map przyciski strzałek i kontrolki powiększenia.
• W suwakach „przed/po” dodać przyciski lub przełącznik zmiany widoku.

Powiązane kryteria

• 2.5.1 Gesty dotykowe — gesty wielopunktowe i oparte na ścieżce wymagają alternatyw.
• 2.5.8 Rozmiar celu (minimum) — przyciski alternatywne muszą być wystarczająco duże.
• 2.1.1 Klawiatura — te same funkcje muszą działać z klawiatury.

Najczęstsze pytania

Czy suwak zakresu cen narusza WCAG 2.5.7?

Tylko wtedy, gdy uchwyty można przesuwać wyłącznie przeciąganiem. Możliwość kliknięcia lub dotknięcia ścieżki suwaka, by przesunąć uchwyt, albo dodanie przycisków plus i minus lub pól liczbowych daje alternatywę dla jednego wskaźnika, której wymaga 2.5.7.

Czy obsługa z klawiatury wystarczy dla 2.5.7?

Nie. Obsługę z klawiatury obejmuje 2.1.1; 2.5.7 wymaga sposobu działającego jednym wskaźnikiem, np. kliknięciami lub dotknięciami, bez przeciągania.

Czym różni się 2.5.7 od 2.5.1?

2.5.1 Gesty dotykowe obejmuje gesty wielopunktowe i oparte na ścieżce, w których liczy się droga. 2.5.7 obejmuje przeciąganie, w którym liczą się tylko punkt początkowy i końcowy, np. przesuwanie uchwytu suwaka lub elementu listy.