WCAG 2.5.7 Mișcări de tragere

Criteriul de succes 2.5.7 este nou în WCAG 2.2. Îi ajută pe cei care nu pot ține apăsat în timp ce mișcă un pointer: persoane cu tremor sau dexteritate redusă și persoane care folosesc un trackball, un pointer montat pe cap, un sistem de urmărire a privirii sau comanda vocală. Este de nivelul AA și face parte din EN 301 549 (clauza 9.2.5.7); Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Toate funcționalitățile care folosesc o mișcare de tragere pentru operare pot fi realizate cu un singur pointer, fără tragere, cu excepția cazului în care tragerea este esențială sau funcționalitatea este determinată de agentul utilizator și nu este modificată de autor.

• O mișcare de tragere începe cu apăsarea pe un element, continuă cu mișcarea pointerului ținut apăsat și se încheie cu eliberarea.
• O alternativă cu un singur pointer este un clic, o atingere sau o apăsare lungă — de exemplu, atingerea unei poziții sau atingerea butoanelor „sus” și „jos”.
• Criteriul se aplică acțiunilor pointerului interpretate de conținutul web, nu tragerii care operează browserul sau tehnologia asistivă.

Exemple W3C: un slider la care atingerea barei mută mânerul, o listă sortabilă în care un element poate fi mutat cu butoane și o hartă cu butoane-săgeată pentru deplasare.

Greșeli tipice într-un magazin online

• un filtru pentru intervalul de preț cu două mânere care se mișcă doar prin tragere;
• un slider de „comparare” sau de imagini înainte/după care funcționează doar prin tragerea separatorului;
• liste de dorințe, liste de cadouri sau pachete de produse care pot fi reordonate doar prin drag and drop;
• un instrument de încărcare a imaginilor (pentru imprimări personalizate sau recenzii) care acceptă fișiere doar dacă sunt trase într-o zonă de plasare;
• o hartă a magazinelor care se deplasează doar prin tragere.

Cum se verifică

Automat: nu există nicio regulă axe-core pentru acest criteriu. Dacă o acțiune de tragere are o alternativă fără tragere depinde de comportamentul scripturilor, așa că este nevoie de o verificare manuală.

Manual: notați fiecare element pe care îl puteți trage: slidere, caruseluri, hărți, liste sortabile, zone de plasare, instrumente de decupare. Pentru fiecare funcție, încercați să obțineți același rezultat folosind doar clicuri sau atingeri simple, fără să țineți niciodată butonul apăsat în timp ce mișcați. Dacă nu reușiți, criteriul nu este îndeplinit.

Cum se remediază

• Faceți barele sliderelor clicabile și adăugați câmpuri numerice sau butoane +/− lângă filtrele de interval.
• Adăugați butoanele „Mutați în sus” / „Mutați în jos” sau un meniu de poziție la listele sortabile.
• Asociați întotdeauna o zonă de plasare cu un buton „Alegeți fișierul” (un <input type="file"> nativ).
• Adăugați butoane-săgeată și controale de zoom la hărți.
• Pentru sliderele înainte/după, adăugați butoane sau un comutator pentru schimbarea vizualizării.

Criterii conexe

• 2.5.1 Gesturi cu pointerul — gesturile multipunct și pe traseu au nevoie de alternative.
• 2.5.8 Dimensiunea țintei (minim) — butoanele alternative trebuie să fie suficient de mari.
• 2.1.1 Tastatură — aceleași funcții trebuie să meargă de la tastatură.

Întrebări frecvente

Încalcă un slider pentru intervalul de preț WCAG 2.5.7?

Doar dacă mânerele pot fi mutate exclusiv prin tragere. Dacă utilizatorii pot face clic sau atinge bara pentru a muta un mâner ori dacă adăugați butoane plus și minus sau câmpuri numerice, oferiți alternativa cu un singur pointer pe care o cere 2.5.7.

Este suficient suportul pentru tastatură pentru 2.5.7?

Nu. Operarea de la tastatură este acoperită de 2.1.1; 2.5.7 cere o cale care funcționează cu un singur pointer, de exemplu prin clicuri sau atingeri, fără tragere.

Care este diferența dintre 2.5.7 și 2.5.1?

2.5.1 Gesturi cu pointerul acoperă gesturile multipunct și pe traseu, la care contează traseul. 2.5.7 acoperă tragerea, la care contează doar punctele de început și de sfârșit, de exemplu mutarea mânerului unui slider sau a unui element dintr-o listă.