1.4.2 Audio-Steuerelement

Startet Audio von selbst und läuft es länger als drei Sekunden, muss die Seite eine Möglichkeit bieten, es anzuhalten oder zu beenden oder unabhängig von der Systemlautstärke leiser zu stellen.

/ Was es verlangt

Ton, der von selbst startet, stört Menschen mit Screenreader am stärksten. Die Sprachausgabe, die die Seite beschreibt, kommt aus denselben Lautsprechern, oft über dieselbe Lautstärkeregelung, sodass Hintergrundmusik oder ein automatisch startendes Video sie genau in dem Moment übertönt, in dem jemand die Stopp-Schaltfläche sucht. Das Kriterium hilft auch Menschen, denen es schwerfällt, sich bei laufendem Ton auf Text zu konzentrieren, und schwerhörigen Menschen, die die Sprachausgabe nicht einfach über die Musik hinweg lauter stellen können.

Es gilt, wenn Audio automatisch länger als drei Sekunden abgespielt wird. Automatisch heißt: nicht durch eine bewusste Handlung der Person gestartet, und das Drücken einer klar beschrifteten Wiedergabe-Schaltfläche ist eine solche Handlung. Die Seite braucht dann einen Mechanismus, der dieses Audio anhält oder beendet, oder eine Lautstärkeregelung dafür, die unabhängig von der Systemlautstärke arbeitet und bis null reicht. Den ganzen Computer stummzuschalten zählt nicht. Weil Ton die ganze Seite betrifft, ist dies eines von vier Kriterien, die für alle Inhalte der Seite gelten, auch für solche, auf die sich die Konformität nicht stützt. Zweiseitige Sprachverbindungen wie eine Telefonkonferenz behandelt das W3C nicht als automatisch abgespieltes Audio.

/ Woran Seiten scheitern

Ein Video mit Ton im Kopfbereich startet beim Laden, läuft in Schleife und hat keine sichtbaren Bedienelemente.
Auf der Startseite beginnt Musik von selbst, und das Lautsprechersymbol, das sie stoppt, ist ein div mit Klick-Handler, das per Tastatur weder erreichbar noch bedienbar ist.
Ein Chat- oder Werbe-Widget spielt beim Öffnen der Seite eine gesprochene Begrüßung von mehr als drei Sekunden und bietet keine Möglichkeit, sie stummzuschalten.
Ein eingebetteter Player ist auf automatische Wiedergabe mit Ton eingestellt, und das eigene CSS der Website blendet seine Bedienelemente aus.
Ein Produktvideo mit Sprecher startet, sobald es in den sichtbaren Bereich scrollt, und zeigt als einziges Bedienelement eine Vollbild-Schaltfläche.

/ So prüfen Sie es selbst

Öffnen Sie die Seite mit eingeschaltetem Ton und warten Sie. Notieren Sie alles, was ohne Klick zu spielen beginnt, und wie lange es dauert.
Dauert es länger als drei Sekunden, suchen Sie ein Bedienelement zum Anhalten, Beenden oder Stummschalten oder eine Lautstärkeregelung, am Player selbst oder nahe am Anfang der Seite.
Erreichen Sie dieses Bedienelement mit Tab und betätigen Sie es mit Eingabe oder Leertaste. Der Ton muss verstummen oder auf null gehen, ohne dass Sie die Systemlautstärke anfassen.
Führen Sie in der Konsole der Entwicklerwerkzeuge document.querySelectorAll('audio, video') aus und prüfen Sie bei jedem Element die Eigenschaften autoplay, muted und controls, um Player zu finden, die mit Ton starten.
Schalten Sie einen Screenreader wie NVDA oder VoiceOver ein, laden Sie die Seite neu und prüfen Sie, ob Sie ihn noch hören und das Bedienelement finden, während der Ton läuft.

/ So beheben Sie es

Entfernen Sie das Attribut autoplay und lassen Sie den Ton über ein echtes button-Element starten, dessen Name sagt, was abgespielt wird.
Muss ein Video von selbst starten, starten Sie es stumm (autoplay muted playsinline) und bieten Sie eine klar benannte Schaltfläche zum Einschalten des Tons.
Behalten Sie das Attribut controls an audio- und video-Elementen, oder bauen Sie einen eigenen Player, dessen Pause-Schaltfläche ein button-Element mit zugänglichem Namen ist.
Setzen Sie ein Bedienelement, das den Ton abschaltet, ganz an den Anfang der Seite vor den Hauptinhalt, damit Menschen mit Screenreader zuerst darauf stoßen.
Halten Sie Nebengeräusche kurz. Ein Hinweiston oder Effekt, der innerhalb von drei Sekunden endet, braucht unter diesem Kriterium kein Bedienelement.

/ Was unser Scanner prüft

Die Prüfung autoplay-media betrachtet jedes audio- und video-Element einmal, nachdem sich die Seite beruhigt hat. Sie meldet ein Element, das in diesem Moment spielt, nicht stummgeschaltet ist, kein Attribut controls hat und entweder keine Dauer angibt oder länger als drei Sekunden läuft. Eine eigene Pause-Schaltfläche erkennt sie nicht, Ton aus einem eingebetteten iframe oder aus einem Skript hört sie nicht, und hat der Browser die automatische Wiedergabe blockiert, spielt nichts und es wird nichts gemeldet.

/ Wer es verletzt, nach unseren eigenen Messungen

Derzeit verletzt keine gemessene Stelle dieses Kriterium in unseren automatischen Prüfungen. Das ist kein Freibrief: Automatische Prüfungen sehen nicht alles, was dieses Kriterium verlangt.

Eine Seite je Stelle, automatisch im Wochenrhythmus gemessen. Behebungen seit dem letzten Durchlauf erscheinen beim nächsten, und jede Eintragsseite bietet ein Recht auf Gegendarstellung.

/ Fragen zu diesem Kriterium

Verstößt automatische Wiedergabe mit Ton gegen WCAG?

Automatische Wiedergabe allein ist kein Verstoß. Sie verstößt gegen 1.4.2, wenn der Ton länger als drei Sekunden läuft und die Seite keine Möglichkeit bietet, ihn anzuhalten, zu beenden oder seine Lautstärke unabhängig vom System einzustellen. Das W3C rät trotzdem davon ab, Ton überhaupt automatisch zu starten, weil Menschen mit Screenreader das Bedienelement schwer finden, während der Ton über ihre Sprachausgabe läuft.

Verstößt ein stummes, automatisch startendes Video gegen 1.4.2?

Nein. Das Kriterium betrifft Audio, und ein stummes Video spielt keines ab. Die Bewegung ist eine eigene Frage: 2.2.2 Pausieren, beenden, ausblenden verlangt eine Möglichkeit, Inhalte anzuhalten, die von selbst starten, sich länger als fünf Sekunden bewegen und neben anderem Inhalt gezeigt werden.

Warum gilt 1.4.2 auch für Teile der Seite außerhalb des Prüfumfangs?

WCAG nennt vier Kriterien, die für alle Inhalte einer Seite gelten, weil ein Verstoß die Nutzung der Seite insgesamt verhindern kann: 1.4.2 Audio-Steuerelement, 2.1.2 Keine Tastaturfalle, 2.2.2 Pausieren, beenden, ausblenden und 2.3.1 Grenzwert von dreimaligem Blitzen oder weniger. Ton aus einer Anzeige, einer Einbettung oder einem Widget zählt also mit, auch wenn sich die übrigen Kriterien nicht auf diese Inhalte stützen.

Eigene Seite messen Alle gemessenen Barrieren