Cerință WCAG A/AA Prioritate: Critic
Un buton-imagine nu are descriere text
Un buton realizat dintr-o imagine nu are alternativă text, așa că nu este clar ce face.
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 pot identifica un buton de căutare, de comandă sau de abonare. Acest lucru îi poate împiedica să finalizeze acțiunea.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- utilizatorii de control vocal
Cum se remediază
Adăugați fiecărui <input type="image"> un atribut alt care descrie acțiunea, de exemplu alt="Caută" sau alt="Plasează comanda". Mai bine: înlocuiți-l cu un <button> obișnuit cu text sau cu aria-label.
În Shopify
Rar în temele actuale; apare de obicei în teme vechi sau în cod personalizat. Adăugați text alternativ sau înlocuiți câmpul-imagine cu un buton în șablonul Liquid.
În Shoptet (CZ)
De obicei, în șabloane mai vechi sau în cod personalizat. Cereți echipei Shoptet sau unui partener Shoptet să adauge text alternativ sau să îl înlocuiască cu un buton obișnuit.
În PrestaShop
De obicei, în teme sau module mai vechi. Adăugați atributul alt sau înlocuiți-l cu un <button> în șablonul .tpl.
În WooCommerce
De obicei, în teme sau pluginuri vechi. Adăugați atributul alt sau înlocuiți-l cu un <button> în șablonul temei copil ori în setările pluginului.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 1.1.1 (A) Non-text Content |
| WCAG 2.2 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.1 | 1.1.1 (A) Non-text Content |
| WCAG 2.1 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.0 | 1.1.1 (A) Non-text Content |
| WCAG 2.0 | 4.1.2 (A) Name, Role, Value |
| EN 301 549 4.1.1 | 9.1.1.1 |
| EN 301 549 4.1.1 | 9.4.1.2 |
| EN 301 549 3.2.1 | 9.1.1.1 |
| EN 301 549 3.2.1 | 9.4.1.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.1.1 |
| ДСТУ EN 301 549 2022 | 9.4.1.2 |
Verificare automată: regula axe-core input-image-alt.
dequeuniversity.com, github.com, www.w3.org, www.w3.org
Verificări similare
-
Atribute de accesibilitate folosite pe elemente nepotrivite
WCAG 4.1.2 A
-
Unele elemente folosesc un rol care nu există
WCAG 4.1.2 A
-
Unele fișiere sau conținuturi media încorporate nu au descriere text
WCAG 1.1.1 A
-
Un buton-imagine nu are descriere text
WCAG 1.1.1 A