Přejít na obsah
Pandus
cs Změnit jazyk
Menu

Požadavek WCAG A/AA Priorita: Závažné

Obrázky nemají textový popis

Některé obrázky nemají alternativní text, takže lidé, kteří je nevidí, se nedozví, co zobrazují.

Tento text byl přeložen automaticky a rodilý mluvčí ho zatím nezkontroloval.

Proč na tom záleží vašim zákazníkům

Uživatelé čteček obrazovky neuslyší nic, nebo jen název souboru jako „IMG_2041.jpg“ místo produktu, barvy či nabídky. Mohou přijít o důležité detaily a odejít do obchodu, který své produkty popisuje.

Koho se to týká

  • nevidomí zákazníci
  • uživatelé čteček obrazovky
  • lidé s vypnutými obrázky nebo pomalým připojením

Jak to opravit

Přidejte ke každému <img> atribut alt. Krátce popište, co je pro nákup důležité (produkt, barva, klíčový detail). U čistě dekorativních obrázků použijte alt="", aby je čtečka přeskočila. Nepište „obrázek…“ a nevkládejte do popisu klíčová slova.

V Shopify

Doplňte alternativní text k médiím produktů a k obrázkům v sekcích šablony v administraci Shopify. Pokud text existuje, ale nezobrazuje se, v Liquid šabloně obvykle u značky obrázku chybí atribut alt.

V Shoptet (CZ)

Doplňte popisy k obrázkům produktů a bannerů v administraci, pokud to šablona umožňuje. Pokud je šablona nevypisuje, obvykle je potřeba úprava šablony přes podporu Shoptet nebo partnera.

V PrestaShop

Obrázky produktů obvykle přebírají alt z popisku obrázku nebo z názvu produktu v administraci. Ověřte, že šablony .tpl motivu atribut alt vypisují, i v modulech jako slidery.

V WooCommerce

Vyplňte pole Alternativní text v knihovně médií WordPressu a ověřte, že ho šablona nebo page builder vypisuje. Obrázky vložené pluginy nebo slidery mohou mít vlastní nastavení alt.

Normy

Normy
NormaBod
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

Automatická kontrola: pravidlo axe-core image-alt. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme