Přejít na obsah
Pandus

Požadavek WCAG A/AA Priorita: Střední

Některé vložené soubory nebo média nemají textový popis

Obsah vložený pomocí značky <object>, například tabulka velikostí v PDF, katalog, interaktivní prohlížeč nebo starší média, nemá text, který by říkal, o co jde.

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 užitečného, takže nemusí vědět, že na stránce je tabulka velikostí, katalog nebo video, a přijdou o informace v nich.

Koho se to týká

  • nevidomí zákazníci
  • uživatelé čteček obrazovky
  • lidé, jejichž prohlížeč vložený obsah nezobrazí

Jak to opravit

Dejte každému <object> textovou alternativu: aria-label nebo title popisující obsah, aria-labelledby odkazující na viditelný nadpis, nebo náhradní text uvnitř prvku <object>. U dokumentů, jako je tabulka velikostí v PDF, přidejte také běžný odkaz na soubor a nejlépe uveďte hlavní informace přímo na stránce jako text HTML. Pokud je objekt čistě dekorativní, dejte mu role="presentation" nebo role="none".

V Shopify

V současných šablonách vzácné; obvykle PDF nebo média vložená do stránky či popisu produktu, případně vložení z aplikace. Doplňte do tohoto HTML title nebo aria-label, nebo vložení nahraďte odkazem na soubor.

V Shoptet (CZ)

Vzácné; obvykle HTML vložené do popisu produktu nebo článku. Doplňte title nebo vložení nahraďte odkazem ke stažení; s kódem šablony se obraťte na Shoptet nebo partnera Shoptetu.

V PrestaShop

Obvykle vložení na CMS stránce či v popisu produktu nebo starší modul šablony. Doplňte title nebo náhradní text v editoru obsahu či v šabloně .tpl modulu.

V WooCommerce

Obvykle plugin pro zobrazení PDF či vkládání obsahu nebo HTML vložené do popisu produktu či bloku page builderu. Zkontrolujte v nastavení pluginu pole pro název, nebo doplňte aria-label do kódu vložení.

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 object-alt. dequeuniversity.com, github.com, www.w3.org

Všechna pravidla, která kontrolujeme