Praxisleitfaden Lauftext vermeiden
Die Nachricht bleibt. Der Lauftext entfällt.
Eine Messnotiz wandert durchs Bild. Ersetzen Sie das marquee-Element durch statischen Text, damit die Information am selben Ort lesbar bleibt.
marqueeWCAG 2.2.2
Sehen Sie, was sich durch die Korrektur ändert.
Zuletzt geprüft: Permalink: https://spanier.one/wcag-marquee.html
Befund einordnen
Die Messnotiz läuft automatisch durch die Zeile
Erkannter Befund
Das fällt auf
Die Regel marquee meldet das sichtbare <marquee>-Element mit „Messpunkt nähert sich der Geraden“.So ist es einzuordnen
Der Befund betrifft das veraltete HTML-Element. Der Scanner misst hier weder die Geschwindigkeit noch die Dauer der Bewegung.
Das bedeutet es für die Nutzung
Wer den Text langsam liest oder die benachbarte Messnotiz verfolgt, muss zusätzlich der bewegten Zeile folgen. Die Aussage selbst benötigt keine Bewegung.
- Regel
marquee- Referenz
- WCAG 2.2.2
HTML-Diagnose vor der Korrektur
Element: marquee
Inhalt: Messpunkt nähert sich der Geraden
marquee: Verstoß (Axe-Auswirkung: serious)Muss die Information tatsächlich wandern?
Trennen Sie den Inhalt einer Nachricht von ihrer Präsentation.
Fundstelle ansehen
Der vollständige Signalstreifen der Messstation
Die Aufnahme umfasst Überschrift, Messnotiz und Lauftext im Abschnitt „Annäherung als Ton und Lauftext“. Das Standbild zeigt eine Position der laufenden Zeile; es bildet ihren zeitlichen Verlauf nicht ab.
Markiert ist der laufende Satz rechts. Nach dem Ersetzen steht er dauerhaft links unter „Grenzwert noch nicht bestätigt“. Andere Kalibrierungsfehler dieses Abschnitts gehören nicht zu dieser Korrektur.
Lauftext ersetzen
Den Inhalt behalten und das Element austauschen
Das Beispiel ersetzt marquee durch einen statischen div-Textblock. Die Messnotiz bleibt wortgleich. Es werden keine Animationsstile oder laufenden Skripte auf den Ersatz übertragen.
Im CMS Ersetzen Sie den Lauftext-Baustein durch einen normalen Textbaustein und übernehmen Sie die vollständige Meldung. Prüfen Sie anschließend das veröffentlichte HTML.
Vorher
<marquee>Messpunkt nähert sich der Geraden</marquee>Nachher
<div id="static-measurement">
Messpunkt nähert sich der Geraden
</div>Markierte Zeilen wurden geändert
Umsetzung absichern
Die Meldung muss auch ohne Bewegung funktionieren
Prüfen Sie nach dem Austausch die Darstellung in ihrer tatsächlichen Einbausituation.
- 1
Den vollständigen Satz übernehmen; eventuell enthaltene Links und ihre Ziele erhalten.
- 2
CSS und Skripte des früheren Tickers auf den neuen Textblock prüfen.
- 3
Bei schmalem Bildschirm und Textvergrößerung einen lesbaren Umbruch ermöglichen.
- 4
Weitere Instanzen desselben Lauftext-Bausteins auf anderen Seiten suchen.
Fehlversuche vermeiden
Ein verschwundener Befund kann Bewegung zurücklassen
Nur langsamer laufen lassen
Ein anderes scrollamount entfernt das marquee-Element nicht. Die Nachricht bleibt in Bewegung.
Dieselbe Bewegung in CSS nachbauen
Die Regel marquee erkennt den neuen Animationseffekt nicht. Sein Verhalten braucht trotzdem eine eigene Prüfung.
Die Meldung komplett entfernen
Damit verschwindet auch „Messpunkt nähert sich der Geraden“. Hier soll diese Information ausdrücklich erhalten bleiben.
Pause nur bei Fokus oder Hover
Eine Pause muss weitere Seitennutzung zulassen. Ein sofortiger Neustart beim Verlassen des Elements reicht dafür nicht.
Das Marquee ist entfernt, die Messnotiz bleibt
Im erneut geprüften Browser-DOM existiert das marquee-Element nicht mehr. Der Ersatz #static-measurement enthält denselben Satz; für ihn meldet die Regel weder Verstoß noch unvollständiges Ergebnis.
Dokumentiert ist die Entfernung dieses Elements, kein Axe-Pass am ursprünglichen Knoten. Das Ergebnis bestätigt weder alle Bewegungsanforderungen noch die Barrierefreiheit der gesamten Seite.
HTML-Diagnose nach der Korrektur
marquee: nicht mehr vorhanden
Ersatz: div#static-measurement
Text: unverändert
Ergebnis: target-removed; Regel nicht anwendbarPrüfgrenzen kennen
Elementprüfung und Bewegungsprüfung ergänzen sich
WCAG 2.2.2 betrifft unter anderem automatisch startende Bewegung, die länger als fünf Sekunden neben anderen Inhalten läuft. Dafür ist grundsätzlich Pause, Stopp oder Ausblenden erforderlich, sofern die Bewegung nicht wesentlich ist.
Automatisch prüfbar
- Vorhandene marquee-Elemente erkennen.
- Die Fundstelle im gerenderten DOM zuordnen.
- Nach dem Austausch erneut auf diesen Elementtyp prüfen.
Im Kontext zu entscheiden
- CSS- und Skriptanimationen auf Start, Dauer und Kontext prüfen.
- Bedienbarkeit und anhaltende Wirkung einer Pause testen.
- Beurteilen, ob eine behauptete wesentliche Bewegung tatsächlich für die Tätigkeit erforderlich ist.