Standardit · WCAG 2.2

SC 1.4.2 Taso A WCAG 2.0

Äänenhallinta

Ääni, joka toistuu automaattisesti yli kolme sekuntia, täytyy voida keskeyttää, pysäyttää tai äänenvoimakkuutta täytyy voida säätää järjestelmävolyymin ulkopuolella — jottei se hukuta ruudunlukuohjelman puhetta.

Mitä kriteeri vaatii

Jos sivu toistaa automaattisesti ääntä — taustamusiikin silmukkaa, sivun latauksen käynnistämää videota äänellä tai automaattisesti toistuvaa mainosta — ja se kestää yli kolme sekuntia, käyttäjän on pystyttävä keskeyttämään tai pysäyttämään se taikka säätämään sen äänenvoimakkuutta erikseen järjestelmävolyymista. Syy on mekaaninen: ruudunlukuohjelma puhuu järjestelmävolyymin tasolla; sama tasoisena toistuva taustaääni hautaa puheen alleen.

Miten vaatimus täytetään

  • Ei toisteta ääntä automaattisesti sivua ladattaessa. Se on yksinkertaisin tapa täyttää vaatimus.
  • Jos automaattinen toisto on pakollinen (esim. erityinen mediatoistosivu), tarjotaan näkyvä Keskeytä/Pysäytä-painike ensimmäisen näkymän sisällä.
  • Lisätään erillinen äänenvoimakkuuden liukusäädin, joka ei riipu käyttöjärjestelmän volyymista.
  • Käytetään <video muted> -attribuuttia automaattisesti toistuvissa videoissa — modernit selaimet estävät automaattisen toiston äänellä muutenkin.
  • Varmistetaan, että äänenhallinta on saavutettavissa näppäimistöllä ja on ensimmäinen interaktiivinen elementti äänen alkamisen jälkeen.

Yleisiä epäonnistumisia

  • Markkinoinnin aloitusvideo, joka toistuu äänellä automaattisesti eikä sisällä näkyvää mykistyspainiketta.
  • Portfoliosivun taustamusiikin silmukka, joka häivytyy sisään 5 sekunnissa eikä sisällä sammutuspainiketta.
  • Automaattisesti toistuvat mainokset, joiden “mykistä”-kontrolli on käyttäjän saavuttamattoman iframen sisällä.
  • Äänielementin autoplay-attribuutti ilman controls-attribuuttia.
  • Hero-video, jonka keskeytä-painike näkyy vain hoverilla — näppäimistökäyttäjät eivät löydä sitä.

Miksi kriteeri on tärkeä

Lähes mikään moderni selain ei enää salli automaattista toistoa äänellä, joten Chrome ja Safari hoitavat 1.4.2:n käytännöllisesti katsoen puolestasi. Silti kannattaa auditoida kaikki sivut, joilla käytetään Audio()-konstruktoria tai play()-kutsuja JavaScriptistä — ne ohittavat osan automaattisen toiston estoheuristikoista ja voivat laukaista tämän epäonnistumisen.