Cerință WCAG A/AA Prioritate: Moderat
Unele bare de progres nu au nume
Unele elemente marcate ca bară de progres nu au un text care să spună ce arată, de exemplu „mai adăugați 100 lei pentru livrare gratuită”, pașii comenzii sau un indicator de încărcare.
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 „bară de progres, 60%” și nu știu dacă este pragul de livrare gratuită, pasul comenzii sau o pagină care încă se încarcă. Pot rata o ofertă sau pot aștepta fără să știe de ce.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
Cum se remediază
Dați fiecărui element cu role="progressbar" un nume: aria-label (de exemplu aria-label="Progres până la livrarea gratuită") sau aria-labelledby care indică textul vizibil de lângă el. Unde este util, adăugați aria-valuetext cu o valoare ușor de înțeles, de exemplu „mai sunt 100 lei”.
În Shopify
De obicei o aplicație de bară pentru livrare gratuită, upsell sau coș ori un indicator de încărcare din temă. Cereți dezvoltatorului aplicației o etichetă sau adăugați aria-label în fragmentul Liquid al temei.
În Shoptet (CZ)
De obicei un indicator de livrare gratuită sau de încărcare din șablon ori dintr-un supliment. Semnalați problema la Shoptet sau unui partener Shoptet.
În PrestaShop
De obicei un modul de livrare gratuită, de comandă sau de încărcare. Adăugați aria-label în șablonul de modul suprascris sau semnalați problema dezvoltatorului modulului.
În WooCommerce
De obicei un plugin de bară pentru livrare gratuită, pași ai comenzii sau încărcare de fișiere ori widgetul de progres al unui page builder. Completați câmpul de etichetă al widgetului, dacă există; altfel corectați î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-progressbar-name.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Conținutul încorporat nu are nume
WCAG 4.1.2 A
-
Pagina se reîncarcă sau redirecționează singură
WCAG 2.2.1 A
-
Imaginile nu au descriere text
WCAG 1.1.1 A
-
Unele grafice vectoriale nu au descriere text
WCAG 1.1.1 A