WCAG-A/AA-Anforderung Priorität: Mittel
Videos oder Töne starten von selbst mit Ton
Ein Video- oder Audio-Element startet von selbst mit Ton, zum Beispiel ein Video im Startbereich, ein Produktvideo oder Hintergrundmusik, und lässt sich womöglich nicht einfach stoppen.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Ton, der von selbst startet, übertönt Screenreader: Blinde Kundinnen und Kunden hören Menü, Produktdetails oder Warenkorb nicht mehr. Menschen mit Aufmerksamkeitsstörungen oder Geräuschempfindlichkeit fällt es schwer, auf der Seite zu bleiben.
Wen es betrifft
- blinde Kundinnen und Kunden
- Screenreader-Nutzer
- Menschen mit Aufmerksamkeitsstörungen oder Geräuschempfindlichkeit
So beheben Sie es
Starten Sie Video oder Audio nicht automatisch mit Ton; am besten startet die Kundschaft die Wiedergabe selbst. Muss ein Video automatisch laufen, ergänzen Sie das Attribut muted (oder verwenden Sie ein Video ohne Tonspur) oder sorgen Sie dafür, dass der Ton nach spätestens 3 Sekunden endet. Bieten Sie immer sichtbare Schaltflächen zum Pausieren und Stummschalten an (Attribut controls oder die Bedienelemente des Players), die auch per Tastatur funktionieren.
Bei Shopify
Meist eine Video-Section im Theme oder ein Hintergrundvideo mit Autoplay, manchmal eine Video- oder Musik-App. Aktivieren Sie die Theme-Option für stummes Autoplay oder ergänzen Sie muted am video-Tag in der Liquid-Datei der Section; prüfen Sie die Einstellungen von Video-Apps.
Bei Shoptet (CZ)
In Standard-Templates selten; meist ein Video oder eigenes HTML, das in eine Seite oder ein Banner eingefügt wurde. Entfernen Sie dort autoplay oder ergänzen Sie muted; für Änderungen am Template wenden Sie sich an Shoptet oder eine Partneragentur.
Bei PrestaShop
Meist ein Video im Slider der Startseite, in einem Theme-Modul oder in eigenem HTML auf einer CMS-Seite. Ergänzen Sie muted oder entfernen Sie autoplay in den Moduleinstellungen bzw. in den .tpl-Templates des Themes.
Bei WooCommerce
Meist ein Header- oder Hintergrundvideo in einem Page Builder (Elementor, WPBakery und ähnliche), ein Slider-Plugin oder ein eingebetteter Player. Aktivieren Sie die Stummschaltung in den Widget-Einstellungen oder schalten Sie Autoplay ab; prüfen Sie Slider- und Video-Plugins.
Standards
| Standard | Abschnitt |
|---|---|
| WCAG 2.2 | 1.4.2 (A) Audio Control |
| WCAG 2.1 | 1.4.2 (A) Audio Control |
| WCAG 2.0 | 1.4.2 (A) Audio Control |
| EN 301 549 4.1.1 | 9.1.4.2 |
| EN 301 549 3.2.1 | 9.1.4.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.4.2 |
Automatische Prüfung: axe-core-Regel no-autoplay-audio.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Die Seite gibt zwei verschiedene Sprachen an
WCAG 3.1.1 A
-
Einige Füllstandsanzeigen haben keinen Namen
WCAG 1.1.1 A
-
Ein klickbares Bild funktioniert nur mit der Maus
WCAG 2.1.1 A
-
Manche Texte laufen durch und lassen sich nicht anhalten
WCAG 2.2.2 A