Einige Besucher sind durch das Blinken, Scrollen oder Bewegen bestimmter Elemente einer Webseite so abgelenkt, dass sie die darauf enthaltenen Informationen nicht verstehen oder lesen können.

Dies kann bei Personen mit niedrigem Lesevermögen oder mit Leseschwächen, geistigen Behinderungen sowie bei Personen mit Aufmerksamkeitsdefizit (ADHS) der Fall sein.

Alle Animationen und Bewegungen, die automatisch starten, länger als 5 Sekunden dauern und gleichzeitig mit anderen Inhalten auf der Seite angezeigt werden, müssen vom Besucher angehalten, gestoppt oder verborgen werden können.

Wie wendet man das an?

Videos, automatische Präsentationen, Animationen, Spiele und Tageszeitungen sind Beispiele für Elemente, die sich bewegen, scrollen oder blinken. Prüfen Sie, ob die Webseite eines oder mehrere dieser Elemente enthält und ob eines oder mehrere dieser Merkmale zutreffen:

  • Die Bewegung, das Blinken oder Scrollen beginnt automatisch.
  • Die Bewegung, das Blinken oder das Scrollen dauert länger als 5 Sekunden.
  • Das Element, das sich bewegt, blinkt oder scrollt, wird gleichzeitig mit anderen Inhalten angezeigt.

Dabei handelt es sich nicht um eine Animation, die z.B. beim Laden einer Seite abgespielt wird, bei der kein Besucher eine Aktion ausführen kann und bei der es wichtig ist, dass die Animation angezeigt wird. Dies ist von entscheidender Bedeutung, wenn Besucher glauben könnten, dass die Webseite zum Stillstand gekommen ist oder Informationen fehlen.

Wenn die oben genannten Merkmale vorhanden sind, müssen Sie eine der folgenden Voraussetzungen erfüllen:

  • Das Bewegen, Blinken oder Scrollen kann vom Besucher angehalten werden.
  • Der Besucher kann alle Teile, die sich bewegen, blinken oder scrollen, über eine Taste oder einen Link ausschalten.
  • Der Besucher kann die Seite ohne die Teile, die sich bewegen, blinken oder scrollen, mit einer Taste oder einem Link neu laden.

Die Taste oder der Link sollten im Quellcode so hoch wie möglich sein.

Bild von pausierenden beweglichen Teilen

Pause und Wiederaufnahme

Wenn Sie eine Lösung wählen, bei der die Bewegung, das Blinken oder Scrollen eines Elements angehalten und neu gestartet werden kann, dann gibt es 2 Möglichkeiten:

  1. Sie werden an dem Punkt, an dem der Besucher eingestellt wurde, wiederaufgenommen. Dies funktioniert am besten in Situationen, in denen die Besucher eine Pause einlegen, um einen Text zu lesen und in Situationen, in denen der Inhalt nicht in Echtzeit erfolgt und nicht mit dem Status von etwas befasst ist.
  2. Beim Neustart springen sie zur aktuellen Anzeige. Dies funktioniert am besten für Informationen, die sich in Echtzeit oder im Status von etwas befinden. Zum Beispiel ein Wetterradar, ein Tickerband mit Börsenkursen, eine Verkehrskamera oder eine Stoppuhr auf einem Auktionsgelände.

Beispiele

  • Medienabspielprogramme für Videos, Tonfragmente und animierte Bilder müssen eine Pause haben.
  • Animierte GIF-Bilder, die länger als 5 Sekunden lang animieren, sollten anhalten, wenn der Besucher eine Taste gedrückt hat, z. B. die Escape-Taste (ESC).
  • Sie können das <blink> Element im HTML-Format nicht verwenden.
  • Im CSS: Text-Dekoration: blinkt; sollte nicht verwendet werden.

Für Redakteure

Die Redakteure müssen darauf achten, dass ihre Inhalte sich nicht mehr als 5 Sekunden bewegen, blinken oder scrollen oder dass es Möglichkeiten gibt, dies zu unterbrechen oder zu verzögern.

Für Entwickler

Wenn es Teile gibt, die die oben genannten Anforderungen erfüllen, muss der Entwickler Optionen installieren, um die Bewegung, das Blinken oder Scrollen anzuhalten, oder auszuschalten.