WCAG 3.2.1 La focus

Criteriul de succes 3.2.1 menține navigarea cu tastatura previzibilă. Persoanele care folosesc tastatura, un dispozitiv cu comutator sau un cititor de ecran parcurg pagina mutând focusul de la un element la altul. Dacă focusul pe un element deschide brusc o pagină nouă sau aruncă cursorul în altă parte, ele își pierd locul. Este de nivelul A și face parte din EN 301 549 drept clauza 9.3.2.1; Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Când orice componentă a interfeței primește focusul, ea nu trebuie să inițieze o schimbare de context. WCAG definește schimbările de context drept schimbări majore care pot dezorienta utilizatorii dacă au loc fără ca aceștia să-și dea seama: schimbări ale agentului utilizator, ale zonei de vizualizare, ale focusului sau ale conținutului care modifică sensul paginii. Exemple sunt deschiderea unei ferestre noi, mutarea focusului pe altă componentă și navigarea către o pagină nouă.

O schimbare de conținut nu este întotdeauna o schimbare de context. Extinderea unui meniu, afișarea unui indiciu sau evidențierea unui câmp la focus sunt permise. Nu există alte excepții.

Greșeli tipice într-un magazin online

• o fereastră pop-up pentru newsletter sau ajutor se deschide și preia focusul imediat ce un utilizator de tastatură ajunge cu Tab într-un câmp de formular;
• focusul pe o categorie din meniu deschide direct pagina categoriei;
• focusul pe o miniatură de produs deschide o fereastră cu galeria;
• un script scoate focusul de pe un câmp imediat ce acesta îl primește, astfel încât utilizatorul nu poate tasta în el;
• ajungerea cu Tab pe selectorul de limbă sau de monedă reîncarcă pagina.

Cum se verifică

Automat: verificatorul nostru nu are nicio regulă pentru acest criteriu. Dacă focusul declanșează navigarea, o fereastră pop-up sau un salt al focusului depinde de scripturi și de ce așteaptă utilizatorul, așa că este nevoie de o verificare manuală.

Manual: lăsați mouse-ul deoparte și apăsați Tab prin toată pagina: antet, meniu, filtre, carduri de produs, formulare și subsol. Folosiți Shift+Tab pentru a merge înapoi. La fiecare oprire, notați dacă s-a întâmplat ceva în afară de mutarea focusului: o pagină nouă, o fereastră sau o filă nouă, un dialog sau un salt al focusului în altă parte. Repetați în paginile de comandă și de cont.

Cum se remediază

• Declanșați navigarea și dialogurile la activare (clic, Enter, Space), nu la evenimentele focus sau focusin.
• Afișați ajutorul ca text în pagină sau ca tooltip care nu preia focusul.
• La meniurile extinse, puteți deschide submeniurile la focus, dar nu treceți la o pagină nouă până când nu este activat un link.
• Eliminați scripturile care apelează blur() pe controalele cu focus.

Criterii conexe

• 3.2.2 La introducerea datelor — aceeași regulă pentru schimbarea unei valori.
• 2.4.3 Ordinea focusului — focusul se deplasează într-o ordine cu sens.
• Lista de verificare WCAG 2.2 — toate criteriile de nivel A și AA dintr-o privire.

Întrebări frecvente

Ce este o schimbare de context în WCAG?

O schimbare majoră care poate dezorienta un utilizator care nu se aștepta la ea: deschiderea unei ferestre sau pagini noi, mutarea focusului pe altă componentă sau modificarea conținutului astfel încât se schimbă sensul paginii.

Este permisă afișarea unui tooltip sau a unei liste derulante la focus, conform 3.2.1?

Da, dacă este doar o schimbare de conținut. Un meniu care se extinde sau un indiciu care apare sunt în regulă; mutarea focusului în altă parte, o pagină nouă sau o fereastră nouă nu sunt.

Poate un instrument automat să verifice 3.2.1?

Nu. Dacă se schimbă ceva când un element primește focusul depinde de scripturi și trebuie testat manual, parcurgând pagina cu tasta Tab.