WCAG 2.1.1 Tastatură

Criteriul de succes 2.1.1 asigură că oamenii pot folosi un site fără mouse: vizitatori nevăzători cu cititor de ecran, persoane cu tremor sau cu mișcări limitate ale mâinilor, persoane care folosesc dispozitive cu comutatoare sau comanda vocală care emulează o tastatură, precum și utilizatori avansați care pur și simplu preferă tastatura. Este de nivelul A și face parte din EN 301 549 (clauza 9.2.1.1), pe care se bazează Actul european privind accesibilitatea; Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Toată funcționalitatea conținutului trebuie să poată fi operată printr-o interfață de tastatură și nu trebuie să depindă de o anumită temporizare a apăsărilor individuale de taste (de exemplu „apăsați de două ori rapid”).

Singura excepție este atunci când funcția de bază necesită o introducere care depinde de traiectoria mișcării utilizatorului și nu doar de punctele finale — de exemplu desenul liber. Excepția privește funcția, nu tehnica de introducere: scrierea textului de mână folosește o traiectorie, dar introducerea textului în sine nu, așa că trebuie să funcționeze în continuare de la tastatură.

Oferirea suplimentară a mouse-ului, a atingerii sau a altor metode de introducere este în regulă și chiar încurajată.

Greșeli tipice într-un magazin online

• un mega-meniu sau un meniu derulant de categorii care se deschide doar la trecerea mouse-ului;
• galerii de imagini ale produselor, mostre de culoare sau selectoare de mărime construite din elemente div cu handlere de clic și fără suport pentru tastatură;
• glisoare pentru intervalul de preț și butoane de modificare a cantității care nu pot fi acționate cu tastele săgeți;
• o „previzualizare rapidă” sau un mini-coș care se deschide la clic, dar nu poate fi deschis sau închis de la tastatură;
• un banner de cookie-uri sau un widget de chat ale cărui butoane nu pot fi atinse cu Tab;
• o zonă derulabilă (tabel de mărimi, listă de recenzii) care nu poate primi focusul, astfel încât utilizatorii de tastatură nu o pot derula.

Cum se verifică

Automat: verificatorul nostru semnalează mai multe tipare legate de tastatură: zone derulabile care nu pot primi focusul, iframe-uri cu conținut interactiv scos din ordinea de tabulare și hărți de imagine pe server (reguli din biblioteca noastră de reguli). Nu poate spune dacă fiecare funcție merge de la tastatură, așa că testul principal este manual.

Manual: puneți mouse-ul deoparte și parcurgeți o achiziție reală. Folosiți Tab și Shift+Tab pentru a vă deplasa, Enter pentru a urma linkuri și a apăsa butoane, Spațiu pentru butoane și casete de bifare, tastele săgeți în meniuri, glisoare și grupuri de butoane radio și Esc pentru a închide dialogurile. Deschideți meniul, filtrați o categorie, alegeți o variantă, adăugați în coș, aplicați un cupon și ajungeți la pasul de plată. Fiecare acțiune pe care o puteți face cu mouse-ul trebuie să fie posibilă și astfel.

Cum se remediază

• Folosiți elemente HTML native — <button>, <a href>, <input>, <select> — acestea pot fi operate implicit de la tastatură.
• Dacă trebuie să construiți un widget personalizat, dați-i tabindex="0", un rol ARIA și handlere de taste care urmează modelul din WAI-ARIA Authoring Practices pentru acel widget.
• Faceți ca meniurile deschise la hover să se deschidă și la focus sau cu Enter și să rămână deschise cât timp focusul este în interiorul lor.
• Verificați aplicațiile temei și pluginurile (recenzii, chat, liste de dorințe) — multe probleme de tastatură provin din widgeturi terțe.

Criterii conexe

• 2.1.2 Fără capcană pentru tastatură — focusul tastaturii trebuie să poată părăsi oricând o componentă.
• 2.4.3 Ordinea focusului — ordinea opririlor la Tab trebuie să aibă sens.
• 2.4.7 Focus vizibil — utilizatorii trebuie să vadă unde se află focusul tastaturii.

Întrebări frecvente

Ce cere WCAG 2.1.1 Tastatură?

Fiecare funcție a conținutului trebuie să funcționeze printr-o interfață de tastatură, fără a necesita o anumită temporizare a apăsărilor individuale de taste. Introducerea cu mouse-ul și prin atingere poate fi oferită și ea, dar în plus, nu în locul tastaturii.

Există vreo excepție de la cerința privind tastatura?

Doar pentru funcțiile în care sarcina de bază depinde de traiectoria mișcării, nu doar de punctele de început și de sfârșit, cum ar fi desenul liber sau o semnătură. Scrierea textului de mână nu se încadrează, deoarece introducerea textului în sine nu are nevoie de o traiectorie.

Poate un instrument automat să testeze accesibilitatea cu tastatura?

Doar parțial. Un verificator poate găsi unele tipare, cum ar fi zonele derulabile care nu pot primi focusul. Dacă fiecare meniu, filtru și pas al finalizării comenzii funcționează cu adevărat cu Tab, Enter, Spațiu și tastele săgeți trebuie încercat manual.