WCAG-A/AA-Anforderung Priorität: Mittel
Manche Texte laufen durch und lassen sich nicht anhalten
Die Seite verwendet das veraltete <marquee>-Element, meist ein Laufband wie „Versandkostenfrei ab 50 €“ oder eine Sale-Ankündigung.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Bewegter Text ist für viele Menschen schwer oder gar nicht lesbar und lenkt vom Produkt oder Formular ab. Weil er sich nicht anhalten lässt, übersehen Menschen mit Aufmerksamkeitsschwierigkeiten, Sehbehinderung oder Legasthenie die Botschaft womöglich ganz, und Screenreader-Nutzer hören sie unter Umständen verwirrend.
Wen es betrifft
- Menschen mit Aufmerksamkeits- oder Konzentrationsschwierigkeiten
- Menschen mit Sehbehinderung
- Menschen mit Legasthenie oder Leseschwierigkeiten
- Screenreader-Nutzer
So beheben Sie es
Ersetzen Sie <marquee> durch statischen Text, etwa eine normale Hinweisleiste. Soll sich etwas bewegen, bauen Sie es mit CSS, das prefers-reduced-motion berücksichtigt, und ergänzen Sie eine sichtbare Pause-Schaltfläche; alles, was sich länger als fünf Sekunden bewegt, muss sich pausieren, stoppen oder ausblenden lassen.
Bei Shopify
In Shopify-Themes selten; meist eine ältere Ankündigungsleisten-App oder eigenes HTML in einer Section. Ersetzen Sie es durch die eingebaute Ankündigungsleiste des Themes oder statischen Text.
Bei Shoptet (CZ)
Meist eigenes HTML im Shop (Banner oder Text im Kopfbereich). Ersetzen Sie <marquee> in Ihrem eigenen Code durch statischen Text.
Bei PrestaShop
Meist ein altes Modul oder eigenes HTML in einem CMS-Block oder .tpl-Template des Themes. Ersetzen Sie es durch statischen Text oder ein anhaltbares Laufband.
Bei WooCommerce
Meist ein altes Theme, ein Laufband-Plugin oder HTML in einem Widget oder Page-Builder-Block. Ersetzen Sie es durch statischen Text oder ein anhaltbares Laufband.
Standards
| Standard | Abschnitt |
|---|---|
| WCAG 2.2 | 2.2.2 (A) Pause, Stop, Hide |
| WCAG 2.1 | 2.2.2 (A) Pause, Stop, Hide |
| WCAG 2.0 | 2.2.2 (A) Pause, Stop, Hide |
| EN 301 549 4.1.1 | 9.2.2.2 |
| EN 301 549 3.2.1 | 9.2.2.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.2.2 |
Automatische Prüfung: axe-core-Regel marquee.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Einige Überschriften sind nur fetter oder großer Text
WCAG 1.3.1 A
-
Die Seite gibt ihre Sprache nicht an
WCAG 3.1.1 A
-
Einige scrollbare Bereiche sind per Tastatur nicht bedienbar
WCAG 2.1.1 A
-
Tabellenzellen verweisen auf falsche Überschriften
WCAG 1.3.1 A