WCAG 2.5.1 Gesty dotykowe

Kryterium sukcesu 2.5.1 pomaga osobom, które nie mogą wykonywać precyzyjnych gestów ani gestów kilkoma palcami: osobom z drżeniem rąk lub ograniczoną sprawnością dłoni, osobom korzystającym z wskaźnika na głowie, systemu sterowania wzrokiem lub pałeczki trzymanej w ustach, a także każdemu, kto obsługuje telefon jedną ręką. To poziom A, część normy EN 301 549 (punkt 9.2.5.1).

Czego wymaga kryterium

Wszystkie funkcje, które do obsługi wykorzystują gesty wielopunktowe lub oparte na ścieżce, można obsłużyć jednym wskaźnikiem bez gestu opartego na ścieżce, chyba że gest wielopunktowy lub oparty na ścieżce jest niezbędny.

• Gest wielopunktowy wykorzystuje jednocześnie dwa lub więcej wskaźników, np. szczypanie lub rozsuwanie dwoma palcami w celu powiększenia.
• Gest oparty na ścieżce to taki, w którym liczy się ruch wzdłuż określonej drogi, np. przesunięcie (swipe) albo narysowanie kształtu.
• Jeden wskaźnik bez ścieżki oznacza dotknięcie, kliknięcie, dwukrotne dotknięcie lub długie przytrzymanie.

Kryterium dotyczy gestów, które interpretuje treść strony, a nie gestów obsługujących przeglądarkę lub technologię wspomagającą (np. wbudowanego w przeglądarkę powiększania szczypaniem). Nie zabrania oferowania gestów — zabrania tylko tego, by były jedynym sposobem.

Typowe błędy w sklepie internetowym

• galeria zdjęć produktu, w której zdjęcia zmienia się tylko przesunięciem palca, bez przycisków „poprzednie/następne” ani miniatur;
• powiększanie działające tylko przez szczypanie dwoma palcami we własnej przeglądarce zdjęć;
• „przesuń, aby usunąć” w koszyku lub na liście życzeń bez przycisku usuwania;
• podgląd produktu 360°, który obraca się tylko przez przeciągnięcie po nim;
• mapa z lokalizacjami sklepów, którą można powiększyć tylko szczypaniem, bez przycisków + i −.

Jak to sprawdzić

Automatycznie: axe-core nie ma reguły dla tego kryterium. Obsługa gestów jest w skryptach, a skan nie rozpozna, co robi przesunięcie palcem, dlatego potrzebna jest kontrola ręczna.

Ręcznie: na telefonie lub laptopie z ekranem dotykowym spisać wszystkie miejsca, w których się przesuwa, szczypie lub rysuje: galerie, suwaki, karuzele, mapy, podglądy, akcje w koszyku. Dla każdego znaleźć sposób, by zrobić to samo pojedynczymi dotknięciami lub kliknięciami — przyciskami, strzałkami, miniaturami albo kontrolkami powiększenia. Warto spróbować także myszą, używając tylko kliknięć.

Jak to naprawić

• Dodać do galerii i karuzel widoczne przyciski „poprzednie/następne” i miniatury.
• Dodać kontrolki + i − do map i powiększanych zdjęć.
• Przy każdej akcji wykonywanej przesunięciem udostępnić przycisk „Usuń”.
• Zapewnić przyciski obrotu w podglądach 360°.
• Zostawić gesty dla osób, które je lubią — tylko nie robić z nich jedynego sposobu.

Powiązane kryteria

• 2.5.7 Ruchy przeciągania — przeciąganie wymaga alternatywy obsługiwanej jednym wskaźnikiem.
• 2.5.2 Rezygnacja ze wskazania — przypadkowe dotknięcia muszą dać się łatwo anulować.
• 2.1.1 Klawiatura — te same funkcje muszą działać także z klawiatury.

Najczęstsze pytania

Jakie gesty obejmuje WCAG 2.5.1?

Gesty wielopunktowe, np. szczypanie lub rozsuwanie dwoma palcami w celu powiększenia, oraz gesty oparte na ścieżce, w których liczy się droga wskaźnika, np. przesunięcie lub narysowanie kształtu. Każda funkcja, którą uruchamiają, musi działać także jednym wskaźnikiem bez ścieżki.

Czy obsługa z klawiatury wystarczy, by spełnić 2.5.1?

Nie. W3C zaznacza, że sama alternatywa z klawiatury nie spełnia 2.5.1, bo wiele osób korzystających ze wskaźnika nie może używać klawiatury. Potrzebne są elementy sterujące obsługiwane jednym wskaźnikiem, np. przyciski.

Czy 2.5.1 dotyczy powiększania szczypaniem w przeglądarce?

Nie. Dotyczy gestów, które interpretuje sama treść strony, a nie gestów obsługujących przeglądarkę lub technologię wspomagającą.