Salt la conținut
Pandus
ro Schimbați limba
Meniu

Cerință WCAG A/AA Prioritate: Moderat

Unele elemente grafice nu au descriere text

Unele elemente sunt marcate ca imagini, dar nu au alternativă text, de exemplu stelele de evaluare sau grafice de tip pictogramă.

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 ratează ce arată elementul grafic, de exemplu o evaluare de 4.5 stele sau o insignă „livrare gratuită”, care pot influența decizia de cumpărare.

Pe cine afectează

  • clienții nevăzători
  • utilizatorii de cititoare de ecran

Cum se remediază

Dați fiecărui element cu role="img" un nume prin aria-label sau aria-labelledby, de exemplu aria-label="Evaluat cu 4.5 din 5". Dacă elementul grafic este decorativ, eliminați role="img" și ascundeți-l cu aria-hidden="true".

În Shopify

Adesea, stelele de evaluare din aplicațiile de recenzii sau pictogramele din temă. Adăugați nume în snippet-urile Liquid ale temei; markup-ul aplicațiilor de recenzii trebuie corectat de dezvoltatorul aplicației.

În Shoptet (CZ)

Adesea, evaluările sau pictogramele din șablon. Raportați problema echipei Shoptet sau unui partener Shoptet.

În PrestaShop

Adesea, elemente de evaluare sau pictograme din module. Corectați în șabloanele de modul suprascrise sau raportați problema dezvoltatorului modulului.

În WooCommerce

Adesea, stelele de evaluare din WooCommerce sau din pluginuri de recenzii ori fonturile de pictograme din temă. Corectați în șabloanele temei copil sau raportați problema autorului pluginului.

Standarde

Standarde
StandardPunct
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 role-img-alt. dequeuniversity.com, github.com, www.w3.org

Verificări similare

Toate regulile pe care le verificăm