Niektóre filmy lub dźwięki włączają się same z dźwiękiem

Element wideo lub audio zaczyna się odtwarzać samoczynnie i z dźwiękiem, np. film w banerze głównym, film produktowy lub muzyka w tle, a jego zatrzymanie może być trudne.

Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.

Dlaczego to ważne dla Twoich klientów

Dźwięk, który włącza się sam, zagłusza czytnik ekranu, więc niewidomi klienci mogą nie usłyszeć menu, opisu produktu ani koszyka. Osobom z zaburzeniami uwagi lub nadwrażliwością na dźwięk trudno pozostać na takiej stronie.

Kogo to dotyczy

niewidomi klienci
osoby korzystające z czytników ekranu
osoby z zaburzeniami uwagi lub nadwrażliwością na dźwięk

Jak to naprawić

Nie należy automatycznie odtwarzać wideo ani audio z dźwiękiem; najlepiej, gdy klient sam uruchamia odtwarzanie. Jeśli film musi startować automatycznie, trzeba dodać atrybut muted (lub użyć wideo bez ścieżki dźwiękowej) albo zadbać, by dźwięk kończył się w ciągu 3 sekund. Zawsze warto zapewnić widoczne przyciski pauzy i wyciszenia (atrybut controls lub przyciski odtwarzacza), działające także z klawiatury.

W Shopify

Zwykle sekcja wideo w motywie lub film w tle z autoodtwarzaniem, czasem aplikacja wideo lub muzyczna. Należy włączyć w motywie wyciszone autoodtwarzanie lub dodać muted do znacznika video w pliku Liquid sekcji; warto też sprawdzić ustawienia aplikacji wideo.

W Shoptet (CZ)

W standardowych szablonach rzadko; zwykle to film lub własny HTML wstawiony na stronę albo do banera. Należy usunąć tam autoplay lub dodać muted; w sprawie zmian w szablonie warto zwrócić się do Shoptet lub partnera Shoptet.

W PrestaShop

Zwykle film w sliderze strony głównej, module motywu lub własnym HTML na stronie CMS. Należy dodać muted lub usunąć autoplay w ustawieniach modułu albo w szablonach .tpl motywu.

W WooCommerce

Zwykle film w banerze lub w tle w kreatorze stron (Elementor, WPBakery i podobne), wtyczka slidera lub osadzony odtwarzacz. Należy włączyć wyciszenie w ustawieniach widżetu lub wyłączyć autoodtwarzanie; warto sprawdzić wtyczki sliderów i wideo.

Normy

Normy
Norma	Punkt
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

Automatyczny test: reguła axe-core no-autoplay-audio. dequeuniversity.com, github.com, www.w3.org

Strona deklaruje dwa różne języki
WCAG 3.1.1 A
Niektóre wskaźniki poziomu nie mają nazwy
WCAG 1.1.1 A
Klikalny obraz działa tylko z myszą
WCAG 2.1.1 A
Część tekstu przewija się i nie da się jej zatrzymać
WCAG 2.2.2 A

Wszystkie reguły, które sprawdzamy