SC 1.4.2 Poziom A WCAG 2.0

Kontrola dźwięku

Dźwięk odtwarzany automatycznie przez ponad trzy sekundy musi mieć przycisk pauzy, zatrzymania lub regulacji głośności niezależny od głośności systemowej — aby nie zagłuszał mowy czytnika ekranu.

Czego wymaga kryterium

Jeśli strona automatycznie odtwarza dźwięk — pętlę muzyki w tle, wideo uruchamiające się przy załadowaniu strony z dźwiękiem, autoplay reklamy — i trwa to dłużej niż trzy sekundy, użytkownik musi mieć możliwość wstrzymania lub zatrzymania odtwarzania albo regulacji głośności niezależnie od głośności systemowej. Powód jest techniczny: czytnik ekranu mówi przy głośności systemowej; dźwięk tła przy tej samej głośności zagłusza mowę.

Jak spełnić kryterium

Należy w ogóle nie odtwarzać dźwięku automatycznie przy załadowaniu strony. To najprostsza droga do zgodności.
Jeśli autoplay jest wymagany (dedykowana strona z doświadczeniem medialnym), należy zapewnić widoczny przycisk Pause / Stop w pierwszym ekranie widoku.
Należy dodać niezależny suwak głośności, który nie zależy od głośności systemu operacyjnego.
Dla wideo z autoodtwarzaniem należy stosować <video muted> — nowoczesne przeglądarki i tak odmawiają autoplay z dźwiękiem.
Należy sprawdzić, czy kontrolka dźwięku jest osiągalna klawiaturą i jest pierwszym interaktywnym elementem po uruchomieniu dźwięku.

Częste błędy

Marketingowe wideo w sekcji hero odtwarzane automatycznie z dźwiękiem i bez widocznej kontrolki wyciszenia.
Pętla muzyki w tle na stronie portfolio, która wchodzi stopniowo przez 5 sekund bez przycisku wyłączenia.
Reklamy z autoodtwarzaniem, gdzie kontrolka „wycisz” znajduje się wewnątrz elementu iframe niedostępnego dla fokusa użytkownika.
Elementy audio z atrybutem autoplay i bez atrybutu controls.
Wideo hero z przyciskiem pauzy widocznym wyłącznie po najechaniu kursorem — użytkownicy klawiatury nie mogą go znaleźć.

Dlaczego to jest ważne

Niemal żadna nowoczesna przeglądarka nie pozwala na autoplay z dźwiękiem, więc 1.4.2 jest coraz częściej egzekwowane przez Chrome i Safari automatycznie. Mimo to należy przeprowadzić audyt każdej strony używającej konstruktorów Audio() lub wywołań play() z JavaScript — omijają one niektóre heurystyki blokowania autoplay i mogą powodować naruszenie kryterium.