Cerință WCAG A/AA Prioritate: Critic
Unele butoane nu au nume
Unele butoane nu au o etichetă care poate fi citită, de exemplu un buton doar cu pictogramă pentru „adaugă în coș”, căutare sau meniu.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Utilizatorii de cititoare de ecran și de control vocal nu își pot da seama care buton adaugă în coș, deschide meniul sau pornește căutarea. Acest lucru îi poate împiedica să cumpere.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- utilizatorii de control vocal
Cum se remediază
Dați un nume fiecărui buton: text vizibil, aria-label sau aria-labelledby care indică un text vizibil. Butoanele doar cu pictogramă au nevoie de un aria-label, de exemplu "Adaugă în coș" sau "Închide". Nu vă bazați pe atributul title sau pe pictograme realizate doar din CSS.
În Shopify
De obicei, butoane cu pictograme din temă (meniu, căutare, cantitate, închidere) sau butoane adăugate de aplicații. Adăugați etichete în snippet-urile Liquid ale temei; cereți dezvoltatorilor de aplicații să corecteze butoanele adăugate de aplicațiile lor.
În Shoptet (CZ)
De obicei, butoane cu pictograme din șablon. Verificați dacă există o versiune mai nouă a șablonului care include etichete; altfel, cereți echipei Shoptet sau unui partener Shoptet să modifice codul șablonului.
În PrestaShop
De obicei, butoane cu pictograme din temă sau din module (coș, căutare, meniu). Adăugați aria-label în șabloanele .tpl ale temei sau în șabloanele de modul suprascrise.
În WooCommerce
Frecvent în teme, page buildere și pluginuri de coș sau de wishlist. Adăugați etichete în șabloanele temei copil sau în setările pluginului; raportați butoanele fără nume ale pluginurilor autorului acestora.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.1 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.0 | 4.1.2 (A) Name, Role, Value |
| EN 301 549 4.1.1 | 9.4.1.2 |
| EN 301 549 3.2.1 | 9.4.1.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.4.1.2 |
Verificare automată: regula axe-core button-name.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Elementele ascunse pot fi totuși accesate cu tastatura
WCAG 4.1.2 A
-
Unele elemente grafice nu au descriere text
WCAG 1.1.1 A
-
Unele videoclipuri sau sunete pornesc singure, cu sonor
WCAG 1.4.2 A
-
Un element de listă se află în afara unei liste
WCAG 1.3.1 A