WCAG AAA: recomandare Prioritate: Minor
Linkuri cu același text duc în locuri diferite
Mai multe linkuri de pe pagină au același text, de exemplu „Citește mai mult” sau „Cumpără acum”, dar duc la pagini diferite. Aceasta este o recomandare de nivel AAA din WCAG, peste nivelul AA pe care se bazează legea.
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 parcurg adesea lista tuturor linkurilor de pe pagină. O listă de linkuri identice „Citește mai mult” nu le spune nimic, așa că trebuie să le deschidă pe rând ca să găsească produsul sau articolul căutat. Îi încetinește, dar rareori împiedică o comandă.
Pe cine afectează
- utilizatorii de cititoare de ecran
- persoanele cu dizabilități cognitive
- utilizatorii de control vocal
Cum se remediază
Dați fiecărui link un text care descrie unde duce, de exemplu „Mai multe despre livrare” în loc de „Citește mai mult”. Dacă textul vizibil trebuie să rămână scurt, adăugați detaliile cu text ascuns vizual sau cu un aria-label care începe cu cuvintele vizibile. Linkurile care duc într-adevăr la aceeași pagină, cum ar fi imaginea și titlul unui produs, pot avea același nume.
În Shopify
De obicei provine din butoane „Citește mai mult” sau „Cumpără acum” din secțiunile de blog, colecții sau bannere. Schimbați etichetele butoanelor pentru fiecare secțiune în editorul temei sau adăugați titlul articolului ori al produsului în codul Liquid al secțiunii.
În Shoptet (CZ)
De obicei provine din bannere sau liste de articole cu același text pe buton. Schimbați textele acolo unde setările șablonului permit; altfel adăugați detaliile prin cod personalizat sau cereți ajutorul Shoptet ori al unui partener.
În PrestaShop
De obicei provine din linkuri „Vizualizare rapidă”, „Mai mult” sau „Citește mai mult” din listele de produse și modulele de blog. Schimbați textul linkului sau adăugați numele produsului ca text ascuns în șabloanele .tpl ale temei.
În WooCommerce
De obicei provine din linkuri „Citește mai mult” din listele de articole sau din butoane din grilele de produse. WooCommerce adaugă de obicei numele produsului la propriile butoane de coș, dar butoanele temei sau ale page builderului pot să nu o facă. Ajustați etichetele în builder sau într-un șablon al temei copil.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 2.4.9 (AAA) Link Purpose (Link Only) |
| WCAG 2.1 | 2.4.9 (AAA) Link Purpose (Link Only) |
| WCAG 2.0 | 2.4.9 (AAA) Link Purpose (Link Only) |
Verificare automată: regula axe-core identical-links-same-purpose.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Pagina se reîncarcă singură după un timp, chiar și lung
WCAG 2.2.4 AAA
-
Linkuri cu același text duc în locuri diferite
WCAG 2.4.9 AAA
-
Textul nu atinge nivelul de contrast ridicat (AAA)
WCAG 1.4.6 AAA