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

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

Videa nemají titulky

Video na stránce, například ukázka produktu, video o značce nebo krátký návod, nemá stopu s titulky.

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

Neslyšící a nedoslýchaví zákazníci nerozumí tomu, co se ve videu říká, například jak produkt funguje, jak zvolit velikost nebo jak o něj pečovat. Mnoho dalších zákazníků také sleduje videa bez zvuku, například na mobilu na veřejnosti.

Koho se to týká

  • neslyšící zákazníci
  • nedoslýchaví zákazníci
  • lidé, kteří sledují videa bez zvuku

Jak to opravit

Doplňte titulky ke každému videu s mluveným slovem nebo důležitými zvuky: prvek <track kind="captions" src="captions.vtt" srclang="cs"> u videí umístěných na vašem webu, nebo titulky nahrané do přehrávače u vložených videí. Zkontrolujte správnost automaticky vytvořených titulků. Video bez zvuku nebo čistě dekorativní video titulky nepotřebuje; automatická kontrola tento rozdíl nepozná, proto každé označené video projděte.

V Shopify

Obvykle videa v médiích produktu nebo sekce s videem v šabloně. Ověřte, zda šablona nebo video aplikace umožňuje přidat soubor s titulky; jinak doplňte prvek <track> do souboru Liquid dané sekce nebo použijte vložený přehrávač s nahranými titulky.

V Shoptet (CZ)

Videa se obvykle vkládají z video platformy. Pokud je videosoubor umístěn přímo ve stránce nebo banneru, doplňte do tohoto kódu stopu s titulky nebo přejděte na vložený přehrávač s titulky; se změnami šablony se obraťte na Shoptet nebo partnera Shoptetu.

V PrestaShop

Obvykle videa ve slideru na úvodní stránce, v záložkách produktu nebo ve video modulu. Doplňte prvek <track> do šablony .tpl modulu nebo použijte video modul či přehrávač s podporou titulků.

V WooCommerce

Obvykle videa přidaná blokem „Video“ ve WordPressu, widgetem page builderu nebo pluginem galerie produktu. Blok „Video“ ve WordPressu umožňuje přidat textové stopy (soubory .vtt); u page builderů a pluginů zkontrolujte nastavení widgetu nebo přejděte na přehrávač s podporou titulků.

Normy

Normy
NormaBod
WCAG 2.2 1.2.2 (A) Captions (Prerecorded)
WCAG 2.1 1.2.2 (A) Captions (Prerecorded)
WCAG 2.0 1.2.2 (A) Captions (Prerecorded)
EN 301 549 4.1.1 9.1.2.2
EN 301 549 3.2.1 9.1.2.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.2.2

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

Podobné kontroly

Všechna pravidla, která kontrolujeme