Standarder · WCAG 2.2

SC 1.4.2 Niveau A WCAG 2.0

Lydkontrol

Lyd, der afspilles automatisk i mere end tre sekunder, skal have en pause-, stop- eller lydstyrkeregulering uafhængig af systemlydstyrken — så den ikke overdøver skærmlæserens tale.

Hvad kriteriet kræver

Hvis en side automatisk afspiller lyd — en baggrundsmusiksløjfe, en video, der starter ved sideindlæsning med lyd, en reklame med autoplay — og den kører i mere end tre sekunder, skal brugeren kunne sætte den på pause, stoppe den eller justere lydstyrken uafhængigt af systemlydstyrken. Årsagen er mekanisk: en skærmlæser taler ved systemlydstyrke; baggrundslyd ved samme lydstyrke overdrøver talen.

Sådan opfyldes det

  • Undgå at afspille lyd automatisk ved sideindlæsning. Det er den nemmeste vej til overensstemmelse.
  • Hvis autoplay er nødvendigt (en specifik medieoplevelsesside), skal der være en synlig pause/stop-knap inden for den første viewport.
  • Tilføj en uafhængig lydstyrkeglider, der ikke er afhængig af OS-lydstyrken.
  • Brug <video muted> til autoplay-video — moderne browsere nægter alligevel autoplay med lyd.
  • Kontrollér, at lydkontrollen er tilgængelig via tastatur og er det første interaktive element efter at lyden starter.

Hyppige fejl

  • Marketing-splash-video, der afspilles automatisk med lyd og ikke har nogen synlig lyddæmper.
  • Baggrundsmusiksløjfe på et porteføljesite, der fader ind over 5 sekunder uden afbryderknap.
  • Autoplay-reklamer, hvor „dæmp“-kontrollen er inde i en iframe, som brugeren ikke kan sætte fokus på.
  • Lydelementer med autoplay og uden controls-attribut.
  • Hero-video med en pauseknap, der kun vises ved hover — tastaturbrugere kan ikke finde den.

Hvorfor det er vigtigt

Næsten ingen moderne browser tillader autoplay med lyd, så 1.4.2 håndhæves i stigende grad af Chrome og Safari automatisk. Alligevel bør man gennemgå alle sider, der bruger Audio()-konstruktører eller play()-kald fra JavaScript — disse omgår nogle autoplay-blokeringsheuristikker og kan udløse denne fejl.