WCAG 1.4.2 Kontrola odtwarzania dźwięku

Kryterium sukcesu 1.4.2 chroni użytkowników czytników ekranu, których mowa syntetyczna zostaje zagłuszona, gdy strona zaczyna odtwarzać dźwięk, oraz osoby, które dźwięk łatwo rozprasza. To poziom A i część normy EN 301 549 (punkt 9.1.4.2).

Czego wymaga kryterium

Jeśli jakikolwiek dźwięk na stronie internetowej odtwarza się automatycznie dłużej niż 3 sekundy, musi być dostępny co najmniej jeden z mechanizmów:

• mechanizm wstrzymania lub zatrzymania dźwięku; albo
• mechanizm regulacji głośności niezależny od ogólnej głośności systemu.

Element sterujący powinien być łatwo osiągalny, najlepiej na początku strony, bo użytkownik czytnika ekranu musi go znaleźć, gdy dźwięk już gra.

To kryterium należy do kryteriów nieingerencji: musi je spełniać każda treść na stronie, nawet ta, której nie wlicza się do zgodności, bo może zablokować korzystanie z całej strony.

Najlepszy sposób na spełnienie kryterium to w ogóle nie odtwarzać dźwięku automatycznie. Dźwięk trwający 3 sekundy lub krócej albo uruchamiany dopiero po naciśnięciu „odtwórz” nie jest objęty.

Typowe błędy w sklepie internetowym

• wideo w sekcji głównej lub film o marce, który startuje z dźwiękiem po wczytaniu strony głównej;
• muzyka w tle na stronie modowej lub lifestyle’owej bez widocznego przycisku pauzy;
• wideo produktu w automatycznie przewijanej karuzeli, które odtwarza dźwięk;
• czatbot lub widżet promocyjny odtwarzający dźwięk przez kilka sekund;
• przycisk pauzy, który istnieje, ale nie da się do niego dotrzeć klawiaturą.

Jak to sprawdzić

Automatycznie: nasz skaner oznacza elementy <audio> i <video>, które odtwarzają się automatycznie bez wyciszenia i bez widocznych elementów sterujących (reguła brak automatycznego dźwięku). Nie zmierzy, jak długo gra dźwięk w odtwarzaczach lub skryptach zewnętrznych, więc stronę warto też posłuchać.

Ręcznie: wczytać każdą stronę z włączonym dźwiękiem. Jeśli coś gra dłużej niż 3 sekundy bez naciśnięcia „odtwórz”, znaleźć — tylko za pomocą klawiatury — przycisk pauzy, zatrzymania lub regulację głośności i sprawdzić, czy działa. Powtórzyć z włączonym czytnikiem ekranu.

Jak to naprawić

• Nie odtwarzać dźwięku automatycznie; pozwolić użytkownikowi nacisnąć „odtwórz”.
• Jeśli wideo musi startować automatycznie, uruchamiać je wyciszone (autoplay muted) i oferować przycisk włączenia dźwięku.
• Pokazywać elementy sterujące odtwarzacza (controls) lub wyraźny przycisk pauzy blisko początku strony.
• Upewnić się, że własne elementy sterujące działają z klawiatury i mają dostępne nazwy.

Powiązane kryteria

• 1.2.2 Napisy rozszerzone (nagranie) — napisy do filmów z dźwiękiem.
• Lista kontrolna WCAG 2.2 — w tym 2.2.2 Pauza, zatrzymanie, ukrycie dla treści ruchomych.
• Bezpłatne sprawdzenie jednej strony — test strony głównej.

Najczęstsze pytania

Czy WCAG pozwala na automatyczne odtwarzanie wideo?

Automatycznie odtwarzane wideo bez dźwięku nie jest objęte 1.4.2 (treść ruchoma podlega 2.2.2). Automatyczne odtwarzanie z dźwiękiem dłużej niż 3 sekundy wymaga sposobu, by je wstrzymać lub zatrzymać, albo osobnej regulacji głośności.

Czy wystarczy systemowy przycisk głośności?

Nie. Regulacja głośności musi działać niezależnie od ogólnej głośności systemu, tak by użytkownik mógł ściszyć dźwięk strony, a czytnik ekranu pozostał słyszalny.

Dlaczego 1.4.2 dotyczy całej strony?

Ponieważ dźwięk, którego nie da się zatrzymać, może zagłuszyć czytnik ekranu i uniemożliwić korzystanie z całej strony. WCAG zalicza 1.4.2 do kryteriów nieingerencji: musi je spełniać cała treść na stronie.