WCAG 2.5.7 Přetahování

Kritérium úspěšnosti 2.5.7 je ve WCAG 2.2 nové. Pomáhá lidem, kteří nemohou držet stisknuté tlačítko a zároveň pohybovat ukazatelem: lidem s třesem nebo omezenou zručností a lidem, kteří používají trackball, ukazovátko na hlavě, ovládání očima nebo hlasové ovládání. Jde o úroveň AA a je součástí normy EN 301 549 (článek 9.2.5.7). Na harmonizovanou normu EN 301 549 odkazuje i český zákon č. 424/2023 Sb.

Co kritérium vyžaduje

Všechny funkce, které se ovládají přetahováním, lze provést jedním ukazatelem bez přetahování, pokud přetahování není nezbytné nebo funkce není určena uživatelským agentem a autorem neupravena.

• Přetahování začíná stiskem na prvku, pokračuje pohybem ukazatele se stále stisknutým tlačítkem a končí uvolněním.
• Alternativou jedním ukazatelem je kliknutí, klepnutí nebo dlouhé podržení — například klepnutí na určité místo nebo klepnutí na tlačítka „nahoru“ a „dolů“.
• Kritérium platí pro akce ukazatele, které interpretuje webový obsah, ne pro přetahování ovládající prohlížeč nebo asistivní technologie.

Příklady od W3C: posuvník, u kterého klepnutí na dráhu posune jezdce, řaditelný seznam, ve kterém lze položku přesunout tlačítky, a mapa s tlačítky se šipkami pro posun.

Typické chyby v e-shopu

• filtr cenového rozsahu se dvěma jezdci, které lze jen táhnout;
• posuvník „porovnání“ nebo obrázek před/po, který funguje jen tažením dělicí čáry;
• seznamy přání, dárkové seznamy nebo sady produktů, jejichž pořadí lze měnit jen přetažením;
• nahrávání obrázků (pro vlastní potisk nebo recenze), které přijímá soubory jen přetažením do vymezené oblasti;
• mapa s výdejními místy, kterou lze posouvat jen tažením.

Jak to zkontrolovat

Automaticky: pro toto kritérium neexistuje pravidlo axe-core. Zda má přetahování alternativu bez tažení, závisí na chování skriptů, proto je potřeba ruční kontrola.

Ručně: sepište všechny prvky, které lze táhnout: posuvníky, karusely, mapy, řaditelné seznamy, oblasti pro přetažení souborů, nástroje pro ořez. U každé funkce zkuste dosáhnout stejného výsledku jen jednotlivými kliknutími nebo klepnutími, nikdy s tlačítkem drženým během pohybu. Pokud to nejde, kritérium není splněno.

Jak to opravit

• Dráhy posuvníků udělejte klikatelné a k filtrům rozsahu přidejte číselná pole nebo tlačítka +/−.
• K řaditelným seznamům přidejte tlačítka „Posunout nahoru“ / „Posunout dolů“ nebo nabídku pozice.
• Oblast pro přetažení vždy doplňte tlačítkem „Vybrat soubor“ (nativní <input type="file">).
• Do map přidejte tlačítka se šipkami a ovládání přiblížení.
• U posuvníků před/po přidejte tlačítka nebo přepínač pro změnu pohledu.

Související kritéria

• 2.5.1 Gesta ukazatele — vícebodová gesta a gesta po dráze potřebují alternativy.
• 2.5.8 Velikost cíle (minimum) — alternativní tlačítka musí být dostatečně velká.
• 2.1.1 Klávesnice — stejné funkce musí fungovat z klávesnice.

Časté otázky

Porušuje posuvník cenového rozsahu WCAG 2.5.7?

Jen pokud lze jezdce posouvat pouze tažením. Když uživatelé mohou kliknout nebo klepnout na dráhu posuvníku a posunout tak jezdce, nebo když přidáte tlačítka plus a minus či číselná pole, máte alternativu jedním ukazatelem, kterou 2.5.7 požaduje.

Stačí pro 2.5.7 podpora klávesnice?

Ne. Ovládání klávesnicí pokrývá 2.1.1; 2.5.7 požaduje způsob, který funguje jedním ukazatelem, například kliknutím nebo klepnutím, bez tažení.

Jaký je rozdíl mezi 2.5.7 a 2.5.1?

2.5.1 Gesta ukazatele pokrývá vícebodová gesta a gesta po dráze, u kterých záleží na dráze. 2.5.7 pokrývá přetahování, u kterého záleží jen na počátečním a koncovém bodě, například posun jezdce posuvníku nebo položky v seznamu.