Prüfpunkt 1.4.2Stufe ABewegung, Blinken und Ton
Wie stoppen Besucher automatisch startende Musik auf einer Website?
Wenn Ton automatisch startet und länger als drei Sekunden spielt, muss die Seite eine Möglichkeit bieten, ihn anzuhalten oder seine Lautstärke unabhängig zu regeln. Der Grund: Blinde Besucher lassen sich die Seite von einem Vorleseprogramm ansagen — automatisch startende Musik übertönt diese Stimme und macht die ganze Website unbedienbar.
Automatischer Ton übertönt das Vorleseprogramm
Ein blinder Besucher navigiert Ihre Website ausschließlich über die Stimme seines Vorleseprogramms. Startet beim Seitenaufruf ein Video mit Ton oder eine Hintergrundmusik, konkurrieren zwei Tonquellen — und der Besucher findet nicht einmal mehr den Knopf, um die Musik abzustellen, weil er die Ansagen dazu nicht versteht. Deshalb setzt die Regel bei drei Sekunden an: Kurze Signaltöne sind unkritisch, alles Längere braucht eine Stopp-Möglichkeit oder eine eigene Lautstärkeregelung gleich am Anfang der Seite. Die einfachste und beste Lösung: Ton startet grundsätzlich erst, wenn der Besucher ihn bewusst einschaltet. Das entspricht auch dem Verhalten moderner Browser, die automatische Wiedergabe mit Ton zunehmend blockieren.
So prüft unser Messkern die automatische Wiedergabe
Die automatische Prüfung öffnet Ihre Seite in einem echten Browser und untersucht mit axe-core die Audio- und Videoelemente: Elemente, die mit Ton automatisch starten und keine Bedienelemente zum Anhalten mitbringen, werden als Verstoß gemeldet. Stumm geschaltete automatische Videos — die verbreiteten Hintergrundfilme auf Startseiten — sind dabei kein Problem, denn ohne Ton entsteht kein Konflikt mit dem Vorleseprogramm. Grenzen hat die Automatik bei Fremdeinbettungen und bei Ton, der erst durch spätere Aktionen startet — solche Fälle prüft beim Gold-Standard ein Mensch nach. Der Bericht weist getrennt aus, was gemessen und was menschlich beurteilt wurde.
Beispiele
Musik startet beim Laden
<audio src="intro.mp3" autoplay loop></audio><audio src="intro.mp3" controls></audio>Ton, der über drei Sekunden läuft, startet erst auf Wunsch oder hat einen eigenen Regler ganz am Anfang der Seite.
So gehen Sie es an
- Verzichten Sie auf automatisch startenden Ton — lassen Sie Besucher Musik und Videoton selbst einschalten.
- Schalten Sie automatisch spielende Hintergrundvideos stumm, dann stören sie das Vorleseprogramm nicht.
- Stellen Sie sicher, dass jeder Abspieler auf Ihrer Seite sichtbare Bedienelemente zum Anhalten hat.
- Platzieren Sie eine Stopp-Möglichkeit an den Seitenanfang, falls Ton aus zwingenden Gründen automatisch startet.
- Testen Sie neue Seiten mit Lautsprecher: Alles, was ungefragt ertönt, gehört auf den Prüfstand.
Weiter im Prüfbereich Barrierefreiheit
- Welcher Farbkontrast ist für Text auf Websites vorgeschrieben?Normaler Text braucht mindestens 4,5:1 Kontrast zum Hintergrund, großer Text 3:1. Hellgrau auf Weiß fällt fast immer durch — und bleibt unlesbar.
- Muss sich Text auf einer Website auf 200 Prozent vergrößern lassen?Ja — Besucher müssen Text per Browser-Zoom verdoppeln können, ohne dass Inhalte verloren gehen. Zoom-Sperren am Handy verstoßen gegen die Regel.
- Warum ist echter Text auf Websites besser als Text im Bild?Text als Bild lässt sich weder vorlesen noch vergrößern noch von Google durchsuchen. Echter Text kann alles davon — und ist leichter zu pflegen.
- Wie bleibt eine Website am Handy ohne seitliches Scrollen lesbar?Inhalte müssen bei 320 Pixel Breite in eine Spalte umbrechen. Unser Messkern rendert die Seite in mehreren Breiten und misst den Überlauf.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: Sebastian Pichler, CC0
.jpg){kind=link}