Cerință WCAG A/AA Prioritate: Grav
Unele zone derulante nu pot fi folosite cu tastatura
Unele casete din pagină au derulare, dar cei care folosesc tastatura nu pot intra în ele ca să le deruleze.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Persoanele care folosesc tastatura în locul mouse-ului nu pot citi restul unui tabel de mărimi, al condițiilor de livrare sau al unei liste de filtre, așa că ratează informații sau opțiuni.
Pe cine afectează
- utilizatorii care navighează cu tastatura
- persoanele cu dizabilități motorii
- utilizatorii de cititoare de ecran
Cum se remediază
Faceți fiecare zonă derulantă accesibilă de la tastatură: adăugați tabindex="0" cu un nume accesibil (aria-label) și un rol potrivit sau asigurați-vă că zona conține un element care poate primi focus. Mai bine: evitați casetele mici cu derulare pentru conținutul important.
În Shopify
De obicei, tabele, file, liste de filtre sau widgeturi de aplicații din temă. Adăugați tabindex și o etichetă în secțiunile Liquid ale temei sau evitați în CSS casetele derulante cu înălțime fixă.
În Shoptet (CZ)
De obicei, tabele sau casete de text din șablon ori din conținut. Evitați casetele cu înălțime fixă în conținutul dvs.; raportați problemele șablonului echipei Shoptet sau unui partener Shoptet.
În PrestaShop
De obicei, filele de produs, tabelele sau listele din căutarea fațetată. Corectați în șabloanele .tpl sau în CSS-ul temei.
În WooCommerce
De obicei, tabele, file sau widgeturi din temă ori din pluginuri. Corectați în șabloanele sau CSS-ul temei copil ori raportați problema autorului pluginului.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 2.1.1 (A) Keyboard |
| WCAG 2.2 | 2.1.3 (AAA) Keyboard (No Exception) |
| WCAG 2.1 | 2.1.1 (A) Keyboard |
| WCAG 2.1 | 2.1.3 (AAA) Keyboard (No Exception) |
| WCAG 2.0 | 2.1.1 (A) Keyboard |
| WCAG 2.0 | 2.1.3 (AAA) Keyboard (No Exception) |
| EN 301 549 4.1.1 | 9.2.1.1 |
| EN 301 549 3.2.1 | 9.2.1.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.1.1 |
Verificare automată: regula axe-core scrollable-region-focusable.
dequeuniversity.com, github.com, www.w3.org, www.w3.org, www.etsi.org
Verificări similare
-
Butoanele personalizate nu au nume
WCAG 4.1.2 A
-
Atributele de accesibilitate sunt folosite în situația greșită
WCAG 4.1.2 A
-
Unele indicii (tooltip-uri) sunt goale
WCAG 4.1.2 A
-
Câmpurile din formulare nu se completează automat
WCAG 1.3.5 AA