Standards · WCAG 2.2

SC 1.4.2 Stufe A WCAG 2.0

Audio-Steuerung

Jedes Audio, das länger als drei Sekunden automatisch abgespielt wird, muss über eine Pause-, Stop- oder Lautstärkesteuerung unabhängig von der Systemlautstärke verfügen — damit es die Sprachausgabe eines Screenreaders nicht übertönt.

Was gefordert wird

Wenn eine Seite Audio automatisch abspielt — eine Hintergrundmusikschleife, ein Video, das beim Laden der Seite mit Ton startet, eine Autoplay-Werbung — und dieses länger als drei Sekunden läuft, muss es den Nutzenden möglich sein, es anzuhalten oder zu stoppen, oder die Lautstärke unabhängig von der Systemlautstärke zu regeln. Der Grund ist technischer Natur: Ein Screenreader spricht mit der Systemlautstärke; Hintergrundaudio auf gleicher Lautstärke übertönt die Sprachausgabe.

So wird das Erfolgskriterium erfüllt

  • Kein automatisches Abspielen von Audio beim Laden der Seite. Das ist der einfachste Weg zur Konformität.
  • Ist Autoplay erforderlich (z. B. auf einer spezifischen Medienseite), muss im ersten sichtbaren Bereich eine gut erkennbare Pause- oder Stop-Schaltfläche vorhanden sein.
  • Ein unabhängiger Lautstärkeregler, der nicht von der Betriebssystemlautstärke abhängt, muss bereitgestellt werden.
  • Für automatisch abspielende Videos sollte <video muted> verwendet werden — moderne Browser verweigern Autoplay mit Ton ohnehin.
  • Es muss sichergestellt werden, dass die Audio-Steuerung per Tastatur erreichbar ist und das erste interaktive Element nach dem Start des Audios darstellt.

Häufige Fehler

  • Marketing-Splash-Video, das mit Ton automatisch abspielt und keine sichtbare Stummschalttaste hat.
  • Hintergrundmusikschleife auf einer Portfolio-Seite, die über 5 Sekunden eingeblendet wird, ohne Ausschalter.
  • Autoplay-Werbung, bei der sich die „Stummschalten“-Steuerung in einem Iframe befindet, auf den die Nutzenden keinen Fokus setzen können.
  • Audio-Elemente mit autoplay und ohne controls-Attribut.
  • Hero-Video mit einer Pause-Schaltfläche, die nur beim Überfahren mit der Maus erscheint — Tastaturnutzende können sie nicht finden.

Warum es wichtig ist

Nahezu kein moderner Browser erlaubt Autoplay mit Ton, sodass 1.4.2 zunehmend von Chrome und Safari automatisch durchgesetzt wird. Dennoch sollten alle Seiten geprüft werden, die Audio()-Konstruktoren oder play()-Aufrufe aus JavaScript verwenden — diese umgehen einige Autoplay-Sperr-Heuristiken und können diesen Fehler auslösen.