Cerință WCAG A/AA Prioritate: Moderat
Unele grafice vectoriale nu au descriere text
Unele grafice SVG, cum ar fi logouri, pictograme sau insigne, sunt marcate ca imagini, dar nu au alternativă text.
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 nu aud nimic util despre grafic, așa că pot rata o insignă, un logo de plată sau semnificația unei pictograme.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
Cum se remediază
Pentru un <svg> cu role="img", adăugați un <title> ca prim element-copil sau folosiți aria-label ori aria-labelledby. Dacă este decorativ, eliminați role="img" și adăugați aria-hidden="true".
În Shopify
De obicei, snippet-uri de pictograme din temă sau widgeturi de aplicații. Adăugați un title sau aria-label în snippet-urile SVG ale temei; raportați pictogramele aplicațiilor dezvoltatorului.
În Shoptet (CZ)
De obicei, pictogramele sau logourile din șablon. Raportați problema echipei Shoptet sau unui partener Shoptet.
În PrestaShop
De obicei, pictogramele temei sau modulele. Adăugați nume în șabloanele .tpl ale temei sau în fișierele SVG.
În WooCommerce
De obicei, pictogramele temei, logourile încărcate sau pluginurile de pictograme. Adăugați nume în șabloanele temei copil sau în setările 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 svg-img-alt.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
O denumire sau o valoare se află în afara listei sale
WCAG 1.3.1 A
-
O listă derulantă nu are etichetă
WCAG 4.1.2 A
-
O imagine pe care se poate da clic funcționează doar cu mouse-ul
WCAG 2.1.1 A
-
Întreaga pagină este ascunsă de cititoarele de ecran
WCAG 1.3.1 A