Cerință WCAG A/AA Prioritate: Moderat
Unele elemente au o etichetă pentru Braille, dar nu au un nume obișnuit
Unele elemente au o etichetă destinată doar afișajelor Braille (aria-braillelabel sau aria-brailleroledescription), dar le lipsește eticheta sau descrierea obișnuită pe care ar trebui să o completeze.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Clienții care folosesc ieșirea vocală în locul unui afișaj Braille nu primesc un nume pentru element sau aud o descriere greșită, de exemplu la un buton sau o etichetă de stare, și nu știu ce face.
Pe cine afectează
- utilizatorii de cititoare de ecran
- clienții nevăzători
Cum se remediază
Folosiți atributele Braille doar în completarea unui nume obișnuit. Un element cu aria-braillelabel are nevoie și de text vizibil, aria-label sau aria-labelledby; un element cu aria-brailleroledescription are nevoie și de aria-roledescription. În majoritatea magazinelor cea mai simplă soluție este eliminarea atributelor Braille.
În Shopify
Foarte rar în temele și aplicațiile Shopify. Căutați „aria-braille” în codul temei și în fragmentele aplicațiilor și adăugați un nume obișnuit sau eliminați atributul.
În Shoptet (CZ)
Foarte rar în șabloanele Shoptet. Dacă apare, provine de obicei din cod propriu adăugat în șablon; cereți corectarea unui partener Shoptet.
În PrestaShop
Foarte rar. Căutați „aria-braille” în fișierele .tpl ale temei și în șabloanele modulelor și adăugați un nume obișnuit sau eliminați atributul.
În WooCommerce
Foarte rar. Căutați „aria-braille” în tema copil și în codul pluginurilor; corectați în temă sau semnalați problema autorului pluginului.
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 aria-braille-equivalent.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Atributele de accesibilitate sunt folosite în situația greșită
WCAG 4.1.2 A
-
Atributele de accesibilitate sunt scrise greșit
WCAG 4.1.2 A
-
Unele bare de progres nu au nume
WCAG 1.1.1 A
-
Câmpurile din formulare nu se completează automat
WCAG 1.3.5 AA