Standarder · WCAG 2.2

SC 1.4.2 Nivå A WCAG 2.0

Ljudkontroll

Ljud som spelas upp automatiskt i mer än tre sekunder måste ha en paus-, stopp- eller volymkontroll oberoende av systemvolymen — så att det inte dränker skärmläsarens tal.

Vad kriteriet kräver

Om en sida spelar upp ljud automatiskt — en bakgrundsmusikloop, en video som startar vid sidladdning med ljud, en reklam med autoplay — och det pågår längre än tre sekunder, måste användaren kunna pausa eller stoppa det, eller justera volymen separat från systemvolymen. Anledningen är mekanisk: en skärmläsare talar med systemvolymen; bakgrundsljud på samma volym dränker talet.

Hur du uppfyller det

  • Spela inte upp ljud automatiskt vid sidladdning alls. Det är den enklaste vägen till efterlevnad.
  • Om autoplay krävs (en specifik medieupplevelsesida), tillhandahåll en synlig Paus/Stopp-knapp inom den första visningsporten.
  • Lägg till ett fristående volymreglage som inte är beroende av operativsystemets volym.
  • Använd <video muted> för autoplay-video — moderna webbläsare vägrar ändå autoplay med ljud.
  • Kontrollera att ljudkontrollen är nåbar med tangentbord och är det första interaktiva elementet efter att ljudet startar.

Vanliga fel

  • Marknadsföringsvideo med autoplay med ljud och ingen synlig tystandsknapp.
  • Bakgrundsmusikloop på en portfoliosajt som tonar in under 5 sekunder utan avstängningsknapp.
  • Autoplay-reklam där tystandskontrollen är inuti en iframe som användaren inte kan fokusera.
  • Ljudelement med autoplay utan attributet controls.
  • Hjältevideo med en pausknapp som bara visas vid hovring — tangentbordsanvändare kan inte hitta den.

Varför det spelar roll

Nästan ingen modern webbläsare tillåter autoplay med ljud ändå, så 1.4.2 tillämpas i allt högre grad av Chrome och Safari automatiskt. Granska ändå alla sidor som använder Audio()-konstruktorer eller play()-anrop från JavaScript — dessa kringgår vissa autoplay-blockeringsheuristiker och kan utlösa detta fel.