Gehirngerecht Digital

Die WCAG-Kriterien

WCAG 2.2.2: Pausieren, Stoppen, Ausblenden

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

  • Komplexität:Einfach
  • Dauer:Schnell

Wichtig für Rolle:

Design, Entwicklung

Worum geht's?

Bewegende Inhalte müssen gestoppt oder versteckt werden können.

  • Für Inhalte, die sich bewegen, blinken oder scrollen (Animationen): Starten Inhalte automatisch, dauern länger als fünf Sekunden und erscheinen zusammen mit statischem Inhalt, muss es möglich sein, sie anzuhalten oder auszublenden. Ein Beispiel dafür ist ein automatisch ablaufender Slider.
  • Für Inhalte, die sich automatisch aktualisieren (updaten):
    Auch Inhalte, die sich selbstständig aktualisieren, müssen gestoppt, ausgeblendet oder in ihrer Aktualisierungsfrequenz kontrolliert werden können, wenn sie gleichzeitig mit statischem Inhalt sichtbar sind.
Eine Illustration von einem Slider auf einer Webseite. Der Slider hat ein Pause-Knopf, um ihn anzuhalten.

Umsetzung

Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.

    Anmerkungen

    • Eine Kreisförmige Ladeanimation die bei 98% ist.

      Ausnahme: Ladeanimationen

      Animationen während der Ladephase müssen nicht pausierbar sein, da User in dieser Zeit ohnehin nicht interagieren können (z. B. Ladescreen).

      Das Anhalten solcher Animationen kann die User eher verwirren oder zu der Annahme führen, dass der Inhalt eingefroren oder die Verbindung abgebrochen ist.

    • Zwei Darstellungen von ablaufender Zeit mit Bestätigungs-Symbol. Die obere hat ein Timer-Symbol und eine Zeitanzeige. Die untere hat einen Balken mit Füllung und mit Zeitanzeige in dem Balken.

      Ausnahme: Essenzielle Animationen

      Essenzielle Animationen müssen ebenso nicht pausierbar sein.

      Beispiele sind ein Timer bei einem Online-Test oder sich automatisch ändernde Preise bei einer Auktion.

            So testest dU:

            Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

            Mehr Informationen

            DAs Accessbility-Center

            Teste selbstständig auf digitale Barrierefreiheit! 

            Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!

            • Alle Prüfschritte leicht erklärt
            • Teile und exportiere Prüfberichte
            • Teste direkt auf der Live-Webseite!
            Zum Accessibility-Center