--- title: "Audio-Steuerelement" url: "https://barrierefreihochzwei.de/de/wcag/1-4-2-audio-steuerelement" language: "de" description: "WCAG 1.4.2 verlangt, dass sich automatisch startender Ton stoppen oder leiser stellen lässt. So schützt du Screenreader-Nutzer:innen vor Audio-Chaos." published: "2025-01-01T08:00:00+01:00" updated: "2026-10-15T09:41:59+02:00" --- # Audio-Steuerelement Wenn Autoplay zum Störfaktor wird. - **Erfolgskriterium:** 1.4.2 - **Prinzip:** Wahrnehmbar - **Konformitätsstufe:** Level A - **Erklärung beim W3C:** [www.w3.org/WAI/WCAG22/Understanding/audi...](https://www.w3.org/WAI/WCAG22/Understanding/audio-control.html) Erfolgskriterium 1.4.2 # 1.4.2 Audio-Steuerelement Level AWahrnehmbar Wenn Autoplay zum Störfaktor wird. ## 1. Was ist das Ziel dieses Kriteriums? Stell dir vor, du besuchst eine Website – und plötzlich dröhnt dir Musik oder ein Video entgegen, während du versuchst, dich auf der Seite zu orientieren. Ärgerlich für alle, aber für Menschen mit Screenreadern kann das zur echten Barriere werden. Menschen, die auf Sprachausgabe angewiesen sind, müssen gleichzeitig zwei Audioquellen verarbeiten: ihren Screenreader und den automatisch startenden Ton der Website. Das ist, als würdest du versuchen, einem Telefonat zu folgen, während im Hintergrund laut Radio läuft – und den Ausschalter des Radios musst du erst noch suchen. Das Ziel von Erfolgskriterium 1.4.2 ist daher klar: Nutzer:innen müssen die Kontrolle über automatisch startenden Ton haben – entweder durch eine Pause- oder Stopp-Funktion oder durch eine eigene Lautstärkeregelung. ## 2. Was fordert das Erfolgskriterium genau? Das Kriterium ist präzise formuliert: Sobald auf einer Seite Audio automatisch länger als 3 Sekunden abspielt, muss eine Steuerung vorhanden sein. **Konkret bedeutet das:** - **Pause- oder Stopp-Funktion:** Nutzer:innen können den Ton anhalten oder beenden. - **Oder: unabhängige Lautstärkeregelung:** Der Ton lässt sich getrennt von der System-Lautstärke regeln (auch bis auf null). - **Kurzer Ton ist ausgenommen:** Audio, das nach höchstens 3 Sekunden von selbst endet, fällt nicht unter die Regel. Wichtig: Es reicht nicht, wenn Nutzer:innen ihre gesamte System-Lautstärke herunterdrehen müssen – denn dann verstummt auch der Screenreader. Das Kriterium gilt für jeden automatisch startenden Ton – egal ob Hintergrundmusik, Begrüßungsansage, Werbespot oder die Tonspur eines Videos. **Besonderheit:** 1.4.2 ist eines der wenigen Kriterien mit „Nicht-Beeinträchtigung“ (Non-Interference). Es gilt für alle Inhalte einer Seite, auch für solche, die gar nicht Teil der barrierefreien Version sein sollen – denn ein einziger dröhnender Player kann die ganze Seite unbenutzbar machen. ## 3. Warum ist das wichtig für Barrierefreiheit? Stell dir vor, du navigierst blind durch eine Website und verlässt dich dabei auf die Ansagen deines Screenreaders. Plötzlich startet ein Video mit lauter Musik – und du hörst weder deine Sprachausgabe noch findest du schnell genug die Stopp-Taste. Automatisch startender Ton schafft Barrieren, weil er: - **Screenreader-Nutzer:innen behindert:** Die Sprachausgabe wird übertönt, die Navigation wird schwierig bis unmöglich – auch die Suche nach dem Stopp-Button. - **Menschen mit Hörbeeinträchtigungen stört:** Wer Restgehör nutzt, kann Ton und andere Signale schlechter auseinanderhalten. - **Konzentration erschwert:** Menschen mit Aufmerksamkeitsstörungen oder kognitiven Einschränkungen werden abgelenkt. - **Situative Barrieren schafft:** In ruhigen Umgebungen (Bibliothek, Büro, öffentliche Verkehrsmittel) ist plötzlicher Ton problematisch. Eine Audio-Steuerung schafft Barrierefreiheit, weil sie Nutzer:innen die Wahl lässt: Sie entscheiden, wann und wie sie Ton hören möchten. ## 4. So setzt du das Kriterium erfolgreich um Die gute Nachricht: Audio-Steuerung ist technisch meist sehr einfach umsetzbar – und verbessert die Nutzerfreundlichkeit für alle. **Grundregeln:** - **Am besten kein Autoplay mit Ton:** Ideal ist es, wenn Ton erst durch eine Nutzeraktion (Play-Button) startet. Dann greift das Kriterium gar nicht. - **Stopp-Button prominent platzieren:** Wenn Ton automatisch startet, mach die Steuerung sofort sichtbar und erreichbar – idealerweise ganz am Anfang der Seite, damit Screenreader-Nutzer:innen sie als Erstes finden. - **Unabhängige Lautstärkeregelung einbauen:** Nutzer:innen sollen den Ton leiser machen können, ohne ihre System-Lautstärke zu ändern. - **Kurze Töne unter 3 Sekunden halten:** Bestätigungstöne oder kurze Jingles sind erlaubt, wenn sie schnell von selbst enden. **Technische Umsetzung:** - **HTML-Video und -Audio:** Nutze das `controls`-Attribut oder baue eigene Steuerelemente mit JavaScript. - **Autoplay entschärfen:** Setze `autoplay` nur in Kombination mit `muted` ein oder lass es ganz weg. - **Klare Beschriftung:** Gib Stopp-Buttons einen eindeutigen sichtbaren Namen („Ton ausschalten“). Bei reinen Symbol-Buttons hilft ein zugänglicher Name, etwa per `aria-label`. - **Tastaturbedienung:** Stelle sicher, dass alle Audio-Steuerelemente auch per Tastatur erreichbar und bedienbar sind (siehe [Tastatur](https://barrierefreihochzwei.de/de/wcag/2-1-1-tastatur)). **Was du vermeiden solltest:** - **Versteckte Steuerung:** Stopp-Buttons gehören nicht in den Footer oder in versteckte Menüs. - **„Dreh doch die System-Lautstärke runter“:** Das zählt nicht als Lösung. - **Endlosschleifen ohne Steuerung:** Sich wiederholender Ton ist besonders störend. ## 5. Warum dieses Erfolgskriterium für Unternehmen relevant ist Audio-Steuerung ist nicht nur ein netter Service – sie zahlt sich auch für dein Unternehmen aus. **1. Nutzerfreundlichkeit erhöhen** Wer von plötzlichem Ton überrumpelt wird, schließt die Seite oft einfach. Wenn Nutzer:innen selbst entscheiden können, wann sie Ton aktivieren, bleiben sie eher auf deiner Website. **2. Professionelles Markenimage stärken** Websites, die Besucher:innen mit ungewolltem Ton überfallen, wirken aufdringlich. Eine klare Audio-Steuerung zeigt Respekt vor der Entscheidung deiner Nutzer:innen und stärkt das Vertrauen in deine Marke. **3. Mobile Nutzung verbessern** Gerade unterwegs ist automatisch startender Ton problematisch: Er kann in unpassenden Momenten peinlich werden, und automatisch geladene Medien kosten Datenvolumen. Kontrolle über den Ton macht deine Website mobil angenehmer. **Und nicht zuletzt: rechtliche Anforderungen.** Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) für viele Produkte und Dienstleistungen für Verbraucher:innen, etwa Online-Shops. Technischer Maßstab ist die EN 301 549, die für Webinhalte auf WCAG 2.1 Level AA verweist – 1.4.2 gehört dazu. Öffentliche Stellen sind über die BITV 2.0 bzw. Landesrecht verpflichtet. Dieser Abschnitt informiert allgemein und ersetzt keine Rechtsberatung. ## 6. Das Erfolgskriterium im Wortlaut des W3C > **Success Criterion 1.4.2 Audio Control (Level A)** > > If any audio on a web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level. > > **Note:** Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the web page (whether or not it is used to meet other success criteria) must meet this success criterion. See Conformance Requirement 5: Non-Interference. Kurz gesagt: Spielt eine Seite länger als 3 Sekunden automatisch Ton ab, müssen Nutzer:innen ihn anhalten, stoppen oder unabhängig von der System-Lautstärke leiser stellen können – und das gilt für alle Inhalte der Seite. **Offizielle Erklärung beim W3C** Das W3C erklärt jedes Erfolgskriterium ausführlich – mit Absicht, Beispielen und Techniken (auf Englisch). [Understanding 1.4.2](https://www.w3.org/WAI/WCAG22/Understanding/audio-control.html) ## Weitere Kriterien aus „Wahrnehmbar“ [ 1.1.1 Level A ### Nicht-Text-Inhalt Wenn Bilder Worte brauchen. ](https://barrierefreihochzwei.de/de/wcag/1-1-1-nicht-text-inhalt) [ 1.2.1 Level A ### Nur Audio und nur Video (aufgezeichnet) Wenn Podcasts und stumme Videos eine zweite Form brauchen. ](https://barrierefreihochzwei.de/de/wcag/1-2-1-nur-audio-und-nur-video-aufgezeichnet) [ 1.2.2 Level A ### Untertitel (aufgezeichnet) Wenn Videos auch ohne Ton verständlich sein müssen. ](https://barrierefreihochzwei.de/de/wcag/1-2-2-untertitel-aufgezeichnet)