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 jeden, 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 das automatisch startende Audio der Website. Das ist, als würdest du versuchen, einem Telefonat zu folgen, während im Hintergrund laut Radio läuft.
Das Ziel von Erfolgskriterium 1.4.2 ist daher klar: Nutzer müssen die Kontrolle über automatisch startende Audios haben – entweder durch eine Stopp-Funktion oder durch unabhängige Lautstärkeregelung.
Was fordert das Erfolgskriterium genau?
Das WCAG 2.2 Kriterium ist präzise formuliert: Sobald Audio auf einer Website automatisch länger als 3 Sekunden abspielt, muss eine Kontrollfunktion vorhanden sein.
Konkret bedeutet das:
- Stopp- oder Pause-Funktion: Der Nutzer kann das Audio anhalten oder pausieren.
- Oder: Unabhängige Lautstärkeregelung: Das Audio lässt sich getrennt von der System-Lautstärke regeln (auch auf null reduzieren).
- Ausnahme für kurze Audios: Inhalte, die automatisch nach weniger als 3 Sekunden enden, sind von der Regel ausgenommen.
Wichtig: Die Kontrolle muss unabhängig von der System-Lautstärke funktionieren. Es reicht nicht, wenn Nutzer ihre gesamte Lautstärke herunterdrehen müssen, um störende Audios zu stoppen.
Das Kriterium gilt für alle automatisch startenden Audios – egal ob Hintergrundmusik, Willkommensnachrichten, Werbespots oder Video-Soundtracks
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 startende Audios schaffen Barrieren, weil sie:
- Screenreader-Nutzer behindern: Die Sprachausgabe wird übertönt oder gestört, Navigation wird unmöglich.
- Menschen mit Hörbeeinträchtigungen verwirren: Unerwartete Geräusche können desorientierend wirken.
- Konzentration erschweren: Menschen mit Aufmerksamkeitsstörungen oder kognitiven Einschränkungen werden abgelenkt.
- Situative Barrieren schaffen: In ruhigen Umgebungen (Bibliothek, Büro, öffentliche Verkehrsmittel) sind plötzliche Audios problematisch.
Audio-Kontrolle schafft Barrierefreiheit, weil sie Nutzern die Wahlfreiheit gibt: Sie entscheiden, wann und wie sie Audio konsumieren möchten.
So setzt du das Kriterium erfolgreich um
Die gute Nachricht: Audio-Kontrolle ist technisch meist sehr einfach umsetzbar – und bringt oft sogar Vorteile für die allgemeine Nutzerfreundlichkeit.
Grundregeln für Audio-Kontrolle:
- Stopp-Button prominent platzieren: Mach die Kontrolle sofort sichtbar und erreichbar, idealerweise am Anfang der Seite.
- Unabhängige Lautstärkeregelung einbauen: Nutzer sollen Audio leiser machen können, ohne ihre System-Lautstärke zu ändern.
- Kurze Audios unter 3 Sekunden halten: Willkommenstöne, Bestätigungsgeräusche oder kurze Jingles sind erlaubt, wenn sie schnell enden.
- Nutzeraktivierung bevorzugen: Ideal ist es, wenn Audio durch Nutzeraktion (Play-Button) gestartet wird statt automatisch.
Technische Umsetzung:
- HTML5 Video/Audio: Nutze das
controls-Attribut oder baue eigene Steuerelemente mit JavaScript. - Autoplay vermeiden: Setze
autoplaynur in Kombination mitmutedein oder lass es ganz weg. - ARIA-Labels verwenden: Beschrifte Stopp-Buttons klar („Audio stoppen“, „Ton ausschalten“).
- Keyboard-Navigation: Stelle sicher, dass Audio-Kontrollen auch per Tastatur erreichbar sind.
Don’ts:
- Keine versteckten Kontrollen: Stopp-Buttons gehören nicht ins Footer oder versteckte Menüs.
- Kein „System-Lautstärke runterdrehen“: Nutzer sollen nicht ihre gesamte Computer-Lautstärke ändern müssen.
- Keine Auto-Loop ohne Kontrolle: Endlos wiederholende Audios sind besonders störend.
Warum dieses Erfolgskriterium für Unternehmen relevant ist
Audio-Kontrolle ist nicht nur ein netter Service – sie ist ein echter Business-Vorteil, der weit über Barrierefreiheit hinausgeht.
1. Nutzerfreundlichkeit erhöhen
Nutzer, die die Kontrolle über Audio haben, bleiben länger auf deiner Website. Statt von nervigen Auto-Play-Videos wegzuklicken, können sie selbst entscheiden, wann sie Audio aktivieren. Das reduziert Absprungraten und erhöht die Verweildauer.
2. Professionelles Markenimage stärken
Websites, die Nutzer mit ungewollten Audios überrumpeln, wirken aufdringlich und unprofessionell. Audio-Kontrolle zeigt Respekt vor der Nutzerentscheidung und stärkt das Vertrauen in deine Marke.
3. Mobile Nutzung optimieren
Gerade auf mobilen Geräten sind automatisch startende Audios problematisch: Sie verbrauchen Datenvolumen, leeren den Akku und können in unpassenden Momenten peinlich werden. Audio-Kontrolle macht deine Website mobil-freundlicher.
Und nicht zuletzt: Rechtssicherheit und Fördermöglichkeiten. Viele öffentliche Projekte fordern digitale Barrierefreiheit bereits verpflichtend – wer vorbereitet ist, hat klare Vorteile bei Ausschreibungen und Förderanträgen.
Das Erfolgskriterium im Wortlaut der W3
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.
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