2️⃣ 1.4.2 - Audiosteuerung
A 2.0
Umsetzung
Ziel
Automatische Audioinhalte dürfen die Nutzung der Webseite nicht beeinträchtigen. Ein Mechanismus zur Kontrolle von Wiedergabe oder Lautstärke muss verfügbar sein.
Beschreibung
- Automatisch abgespielte Audioinhalte, die länger als drei Sekunden dauern, müssen unterbrochen, gestoppt oder in der Lautstärke reguliert werden können.
- Mechanismen zur Steuerung der Audiowiedergabe müssen unabhängig von der Systemlautstärke funktionieren.
- Automatische Wiedergabe von Audio sollte idealerweise durch eine bewusste Nutzeraktion ausgelöst werden.
Anforderungen
- Audiosymbole und Steuerungselemente sollten klar beschriftet und leicht verständlich sein.
- Ein sichtbarer „Stopp“- oder „Stumm“-Button muss am Anfang der Seite vorhanden sein.
- Audioinhalte müssen standardmäßig pausiert oder stummgeschaltet werden, bis eine bewusste Aktion erfolgt.
- Für automatisch startende Audioinhalte muss ein HTML5-Medienelement mit Steuerelementen (z. B.
controls-Attribut) verwendet werden. - Lautstärkeregler dürfen die Systemlautstärke nicht überschreiben.
- Sicherstellen, dass Audioinhalte automatisch gestoppt oder leiser gestellt werden können.
- Testen, ob die Lautstärkeregler unabhängig von der Systemlautstärke funktionieren.
- Überprüfen, ob automatische Audioinhalte die Funktion von Screenreadern beeinträchtigen.
Code-Beispiele
Automatisches Abspielen mit Stopp-Button
<audio autoplay id="audio1"> <source src="example-audio.mp3" type="audio/mpeg"> Ihr Browser unterstützt kein Audio-Tag.</audio><button onclick="document.getElementById('audio1').pause()">Stopp</button>