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

Některá videa nebo zvuky se spouštějí samy se zvukem

Video nebo zvukový prvek se sám spustí i se zvukem, například video v úvodním banneru, video k produktu nebo hudba na pozadí, a nemusí jít snadno zastavit.

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

Zvuk, který se spustí sám, přehluší čtečku obrazovky, takže nevidomí zákazníci nemusí slyšet menu, popis produktu ani košík. Lidé s poruchami pozornosti nebo citliví na zvuk na takové stránce těžko vydrží.

Koho se to týká

nevidomí zákazníci
uživatelé čteček obrazovky
lidé s poruchami pozornosti nebo citliví na zvuk

Jak to opravit

Nespouštějte video ani zvuk automaticky se zvukem; nejlepší je, když si zákazník přehrávání spustí sám. Pokud se video musí spouštět samo, přidejte atribut muted (nebo použijte video bez zvukové stopy), případně zajistěte, aby zvuk skončil do 3 sekund. Vždy nabídněte viditelná tlačítka pro pozastavení a ztlumení (atribut controls nebo ovládání přehrávače), která fungují i z klávesnice.

V Shopify

Obvykle sekce s videem v šabloně nebo video na pozadí s automatickým přehráváním, někdy aplikace pro video či hudbu. Zapněte v šabloně ztlumené automatické přehrávání nebo přidejte muted do značky video v souboru Liquid dané sekce; zkontrolujte nastavení video aplikací.

V Shoptet (CZ)

Ve standardních šablonách vzácné; obvykle jde o video nebo vlastní HTML vložené do stránky či banneru. Odstraňte v tomto kódu autoplay nebo přidejte muted; se změnami šablony se obraťte na Shoptet nebo partnera Shoptetu.

V PrestaShop

Obvykle video ve slideru na úvodní stránce, v modulu šablony nebo ve vlastním HTML na CMS stránce. Přidejte muted nebo odstraňte autoplay v nastavení modulu či v šablonách .tpl.

V WooCommerce

Obvykle video v banneru nebo na pozadí v page builderu (Elementor, WPBakery a podobné), plugin pro slider nebo vložený přehrávač. Zapněte ztlumení v nastavení widgetu nebo vypněte automatické přehrávání; zkontrolujte pluginy pro slidery a videa.

Normy

Normy
Norma	Bod
WCAG 2.2	1.4.2 (A) Audio Control
WCAG 2.1	1.4.2 (A) Audio Control
WCAG 2.0	1.4.2 (A) Audio Control
EN 301 549 4.1.1	9.1.4.2
EN 301 549 3.2.1	9.1.4.2
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.1.4.2

Automatická kontrola: pravidlo axe-core no-autoplay-audio. dequeuniversity.com, github.com, www.w3.org

Stránka uvádí dva různé jazyky
WCAG 3.1.1 A
Některé ukazatele úrovně nemají název
WCAG 1.1.1 A
Klikací obrázek funguje jen s myší
WCAG 2.1.1 A
Některý text se posouvá a nejde zastavit
WCAG 2.2.2 A

Všechna pravidla, která kontrolujeme