Ruchy przeciągania

Czego wymaga kryterium

Jeśli funkcja może być wykonywana przez przeciąganie — zmiana kolejności elementów, regulacja suwaka, przesuwanie mapy, podpisywanie w polu podpisu, przesuwanie przełącznika odblokowania — musi istnieć również sposób wykonania tej samej czynności za pomocą pojedynczego działania wskaźnikiem, które nie jest przeciąganiem. Stuknięcie przycisku, kliknięcie strzałki, wpisanie wartości, wybranie z menu — każde z tych rozwiązań spełnia kryterium.

Reguła obowiązuje niezależnie od tego, czy przeciąganie odbywa się poziomo, pionowo czy po dowolnym torze. Wyjątkiem jest sytuacja, gdy przeciąganie jest niezbędne dla danej funkcji — rysowanie w aplikacji malarskiej, przeciąganie analogowego drążka wirtualnego joysticka.

Jak spełnić wymaganie

• Listy z możliwością sortowania: należy dodać przyciski strzałek góra/dół obok każdego elementu lub menu „Przenieś na pozycję…”. Przeciąganie nadal działa dla użytkowników myszy; przyciski obsługują wszystkich pozostałych.
• Suwaki: należy dostarczyć <input type="range"> (lub role="slider" z obsługą klawiszy strzałek), aby wartości można było ustawiać klawiaturą lub wpisując liczbę w powiązanym polu tekstowym.
• Przesuwanie i powiększanie mapy: należy dodać widoczne przyciski przybliżania/oddalania i kierunkowego przesuwania lub umożliwić bezpośrednią nawigację przez pole wyszukiwania.
• Karuzele: należy zapewnić przyciski Poprzedni / Następny obok obsługi gestu przesuwania.
• Filtry zakresów i cen z dwuuchwytowym suwakiem: należy je uzupełnić o dwa pola liczbowe.
• Komunikaty i okna modalne zamykane przeciąganiem: należy dodać widoczny przycisk Zamknij.
• Przechwytywanie podpisu: należy zaoferować alternatywę w postaci wpisania imienia i nazwiska.

Typowe błędy

• Tablice kanban w stylu Trello, gdzie jedynym sposobem przeniesienia karty między kolumnami jest jej przeciągnięcie.
• Uchwyty do zmiany kolejności w ustawieniach lub listach odtwarzania bez alternatywy klawiaturowej lub przyciskowej.
• Dwuuchwytowe suwaki zakresu wymagające przeciągnięcia obu końców, bez pól min./maks.
• Suwaki porównania obrazów (przed/po) bez przycisków do przesuwania separatora krok po kroku.
• Selektory kolorów, w których jedynym sposobem regulacji odcienia lub nasycenia jest przeciąganie wewnątrz selektora.
• Kontrolki „przesuń, aby potwierdzić” lub „przesuń, aby odblokować” bez alternatywy w postaci stuknięcia.
• Niestandardowe selektory zakresu dat wymagające przeciągania po komórkach kalendarza.

Dlaczego to ważne

Przeciąganie jest trudne lub niemożliwe dla użytkowników z ograniczoną precyzją ruchów, drżeniem rąk, obsługujących telefon jedną ręką, korzystających z wskaźnika ustnego lub głowicowego, a także dla wielu użytkowników sterowania przełącznikiem i sterowania głosowego — nie istnieje oczywista komenda głosowa dla „przeciągnij trzecią kartę do drugiej kolumny”. Kryterium 2.5.7 jest nowością w WCAG 2.2 i zmieniło podejście zespołów produktowych do projektowania interfejsów zmiany kolejności: większość nowoczesnych systemów projektowania domyślnie dostarcza teraz alternatywy w postaci przycisków strzałek. Należy spodziewać się, że kryterium to będzie częstym ustaleniem w audytach dashboardów, narzędzi do zarządzania projektami i wszelkich interfejsów opartych na listach z sortowaniem.