Zum Inhalt springen
44 Barrierefreiheit Dokumentation

4️⃣ 1.4.7 Hintergrundton reduziert oder abschaltbar

AAA 2.1 Umsetzung

Ziel

Sicherstellen, dass bei aufgezeichneten Nur-Audio-Inhalten Sprache nicht durch Hintergrundgeräusche beeinträchtigt wird, um die Verständlichkeit insbesondere für hörbehinderte Personen zu erhöhen.

Beschreibung

  • Vermeidung oder Reduzierung von Hintergrundgeräuschen bei aufgezeichneten Nur-Audio-Inhalten.
  • Ermöglichung, Hintergrundgeräusche auszuschalten.
  • Gewährleistung eines Lautstärkeunterschieds von mindestens 20 Dezibel zwischen Sprache und Hintergrundgeräuschen.
  • Ausnahmen gelten für Audio-CAPTCHAs, Audio-Logos und musikalische Vokalisierungen (z. B. Gesang, Rap).

Anforderungen

  • Gestaltung eines benutzerfreundlichen Schalters zum Deaktivieren von Hintergrundgeräuschen.
  • Verzicht auf Hintergrundmusik oder -geräusche (bei Konzeptionsphase), sofern diese nicht inhaltlich notwendig sind.

Code-Beispiele

HTML & JavaScript: Hintergrundton abschaltbar machen:
<audio id="audioContent" controls>
  <source src="audio-with-background.mp3" type="audio/mpeg">
  Browser unterstützt dieses Audioformat nicht.
</audio>


<button onclick="toggleBackground()">Hintergrundton umschalten</button>


<script>
  function toggleBackground() {
    const audio = document.getElementById('audioContent');
    if (audio.src.includes('with-background')) {
      audio.src = 'audio-no-background.mp3'; // Version ohne Hintergrundton
    } else {
      audio.src = 'audio-with-background.mp3'; // Version mit Hintergrundton
    }
    audio.load();
    audio.play();
  }
</script>