Practică recomandată Prioritate: Minor
Descrierea imaginii repetă textul de lângă ea
Textul alternativ al unei imagini este identic cu textul vizibil de lângă ea, de exemplu o fotografie de produs cu textul alternativ „Cămașă albastră din in” într-un link care spune tot „Cămașă albastră din in”. Este o practică recomandată, nu o cerință WCAG de nivel AA.
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 aceleași cuvinte de două ori, iar pe o pagină de categorie acest lucru se repetă la fiecare card de produs. Navigarea devine mai lentă și mai obositoare, deși nu se pierde nicio informație.
Pe cine afectează
- utilizatorii de cititoare de ecran
- persoanele nevăzătoare
- utilizatorii de afișaje Braille
Cum se remediază
Dacă imaginea nu adaugă nimic față de textul alăturat, dați-i un alt gol (alt="") ca cititoarele de ecran să o sară. Dacă arată ceva util, scrieți un text alternativ care descrie diferența, de exemplu culoarea sau unghiul, în loc să repetați numele produsului. Textul vizibil rămâne neschimbat.
În Shopify
Frecvent în cardurile de produs în care tema folosește titlul produsului ca alt al imaginii lângă linkul cu titlul. Ajustați snippetul cardului în Liquid astfel încât alt să fie gol când titlul este chiar alături, sau scrieți texte alternative distincte pentru media produsului din admin.
În Shoptet (CZ)
Textul alternativ al imaginilor de produs provine de obicei din numele produsului sau din descrierea imaginii. Completați descrieri distincte ale imaginilor în setările produsului; pentru comportamentul șablonului, adresați-vă Shoptet sau unui partener.
În PrestaShop
Imaginile produselor din liste primesc adesea automat numele produsului ca text alternativ. Editați legendele imaginilor pe pagina produsului sau ajustați șablonul miniaturii de produs din temă.
În WooCommerce
Se întâmplă des când imaginile produselor din listele magazinului primesc numele produsului ca text alternativ. Schimbați textul alternativ în biblioteca media sau ajustați șablonul listei într-o temă copil.
Standarde
Nu este un criteriu WCAG, ci o practică recomandată care face site-ul mai ușor de folosit.
Verificare automată: regula axe-core image-redundant-alt.
dequeuniversity.com, github.com, www.w3.org