Cerință WCAG A/AA Prioritate: Moderat
Unii indicatori de nivel nu au nume
Unele elemente marcate ca indicator de nivel (meter, de exemplu puterea parolei, stocul disponibil sau un rating) nu au un text care să spună ce măsoară.
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 aud doar o valoare precum „60%” și nu știu dacă este puterea parolei, stocul rămas sau un rating. Le poate lipsi o informație necesară pentru decizie.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
Cum se remediază
Dați fiecărui element cu role="meter" un nume: aria-label (de exemplu aria-label="Puterea parolei") sau aria-labelledby care indică un titlu ori o etichetă vizibilă. Dacă numărul singur nu este clar, adăugați o valoare ușor de înțeles prin aria-valuetext.
În Shopify
Mai rar. De obicei un widget de stoc, rating sau progres dintr-o aplicație ori dintr-o secțiune proprie a temei. Adăugați o etichetă în Liquid-ul temei sau contactați dezvoltatorul aplicației.
În Shoptet (CZ)
Rar în șabloanele Shoptet. Dacă apare, semnalați problema la Shoptet sau unui partener Shoptet.
În PrestaShop
Mai rar. De obicei un widget de modul, de exemplu stoc sau ratinguri. Adăugați aria-label în șablonul de modul suprascris.
În WooCommerce
Mai rar. De obicei un widget de putere a parolei, rating sau stoc din temă ori dintr-un plugin. Adăugați o etichetă în tema copil sau semnalați problema autorului pluginului.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 1.1.1 (A) Non-text Content |
| WCAG 2.1 | 1.1.1 (A) Non-text Content |
| WCAG 2.0 | 1.1.1 (A) Non-text Content |
| EN 301 549 4.1.1 | 9.1.1.1 |
| EN 301 549 3.2.1 | 9.1.1.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.1.1 |
Verificare automată: regula axe-core aria-meter-name.
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
-
O listă derulantă nu are etichetă
WCAG 4.1.2 A
-
Tabelele mari au celule fără antete
WCAG 1.3.1 A
-
Un text se derulează și nu poate fi oprit
WCAG 2.2.2 A