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
| Norma | Bod |
|---|---|
| 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
Podobné kontroly
-
Stránka se sama obnovuje nebo přesměrovává
WCAG 2.2.1 A
-
Obrázky nemají textový popis
WCAG 1.1.1 A
-
Seznam názvů a hodnot je sestavený nesprávně
WCAG 1.3.1 A
-
Uživatelé klávesnice se nedostanou k vloženému obsahu
WCAG 2.1.1 A