Cerință WCAG A/AA Prioritate: Grav
Unele linkuri nu spun unde duc
Unele linkuri nu au text care poate fi citit; adesea sunt pictograme precum un coș, o inimă sau un logo fără etichetă 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 aud doar „link” și nu știu dacă deschide coșul, contul sau Instagramul. Pierd timp sau renunță să mai caute coșul ori pagina de contact.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- utilizatorii de control vocal
Cum se remediază
Dați fiecărui link un nume text: text vizibil, text alternativ pe o imagine din interiorul linkului sau aria-label pe linkurile doar cu pictogramă. Numele trebuie să descrie destinația, de exemplu "Coș, 2 produse". Ascundeți pictogramele decorative cu aria-hidden="true".
În Shopify
De obicei, linkuri cu pictograme din header-ul sau footer-ul temei. Adăugați text ascuns vizual sau aria-label în secțiunile și snippet-urile Liquid ale temei; linkurile adăugate de aplicații trebuie corectate în aplicație sau raportate dezvoltatorului ei.
În Shoptet (CZ)
De obicei, linkuri cu pictograme din header-ul sau footer-ul șablonului. Verificați setările șablonului pentru etichetele linkurilor; altfel, codul șablonului trebuie modificat de Shoptet sau de un partener Shoptet.
În PrestaShop
De obicei, linkuri cu pictograme din modulele de header sau din șabloanele temei. Adăugați text ascuns sau aria-label în fișierele .tpl ale temei ori în șabloanele de modul suprascrise.
În WooCommerce
Adesea, linkuri cu pictograme din header-ul temei, din mini-coș sau dintr-un plugin de pictograme sociale. Adăugați etichete text în șabloanele temei sau ale temei copil ori alegeți setări ale pluginului care generează etichete accesibile.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 2.4.4 (A) Link Purpose (In Context) |
| WCAG 2.2 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.1 | 2.4.4 (A) Link Purpose (In Context) |
| WCAG 2.1 | 4.1.2 (A) Name, Role, Value |
| WCAG 2.0 | 2.4.4 (A) Link Purpose (In Context) |
| WCAG 2.0 | 4.1.2 (A) Name, Role, Value |
| EN 301 549 4.1.1 | 9.2.4.4 |
| EN 301 549 4.1.1 | 9.4.1.2 |
| EN 301 549 3.2.1 | 9.2.4.4 |
| EN 301 549 3.2.1 | 9.4.1.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.4.4 |
| ДСТУ EN 301 549 2022 | 9.4.1.2 |
Verificare automată: regula axe-core link-name.
dequeuniversity.com, github.com, www.w3.org, www.w3.org
Verificări similare
-
Linkurile din text arată ca textul obișnuit
WCAG 1.4.1 A
-
Câmpurile din formulare nu au etichetă
WCAG 4.1.2 A
-
Unele butoane de formular nu au nume
WCAG 4.1.2 A
-
Atributele de accesibilitate au valori greșite
WCAG 4.1.2 A