2.2.2 Pause, Stop, Hide

1. Was ist das Ziel dieses Kriteriums?

Das Internet ist heute voller beweglicher Inhalte – wie der hyperaktive Praktikant im Büro, der einfach nicht stillsitzen kann. Blinkende Werbebanner, scrollende News-Ticker, automatisch rotierende Karussells und sich ständig aktualisierende Börsenkurse kämpfen um unsere Aufmerksamkeit. Aber was, wenn diese Bewegung nicht hilfreich, sondern störend ist?

Menschen mit Aufmerksamkeitsstörungen, kognitiven Einschränkungen oder Sehbehinderungen können durch ständig bewegliche Inhalte massiv abgelenkt oder sogar körperlich beeinträchtigt werden. Wer mit einem Screenreader navigiert, wird durch sich verändernde Inhalte aus der Spur gebracht.

Das Ziel von Erfolgskriterium 2.2.2 der WCAG ist daher klar: Nutzer sollen die Kontrolle über bewegliche, blinkende oder sich automatisch aktualisierende Inhalte haben – sie pausieren, stoppen oder verstecken können.

2. Was fordert das Erfolgskriterium genau?

Ganz konkret geht es um zwei Arten von problematischen Inhalten:

Bewegliche, blinkende oder scrollende Inhalte:

• Wenn sie automatisch starten
• Länger als fünf Sekunden dauern
• Parallel zu anderen Inhalten angezeigt werden

muss ein Mechanismus vorhanden sein, um sie zu pausieren, zu stoppen oder zu verstecken.

Automatisch aktualisierende Inhalte:

• Wenn sie automatisch starten
• Parallel zu anderen Inhalten angezeigt werden

müssen Nutzer sie pausieren, stoppen, verstecken oder die Aktualisierungsfrequenz kontrollieren können.

Ausnahmen gelten nur, wenn:

• Die Bewegung oder Aktualisierung für die Aktivität essenziell ist (z.B. ein Ladebalken)
• Der Inhalt nicht parallel zu anderen Inhalten angezeigt wird (z.B. eine Vollbild-Werbung vor dem eigentlichen Inhalt)

Wichtig: Das Kriterium gilt für die gesamte Seite – ein störender Inhalt kann die Nutzbarkeit der kompletten Website beeinträchtigen.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du versuchst einen wichtigen Artikel zu lesen, aber rechts davon blinkt permanent eine Werbeanzeige. Oder du nutzt einen Screenreader und wirst alle paar Sekunden durch sich ändernde Live-Ticker unterbrochen.

Kontrollierbare bewegliche Inhalte schaffen Barrierefreiheit, weil sie:

• Menschen mit ADHS und anderen Aufmerksamkeitsstörungen ermöglichen, sich auf das Wesentliche zu konzentrieren
• Nutzer mit Vestibulären Störungen vor Schwindel und Übelkeit durch Bewegung schützen
• Screenreader-Nutzer vor ständigen Unterbrechungen bewahren
• Menschen mit kognitiven Einschränkungen helfen, Inhalte in eigenem Tempo zu erfassen
• Alle Nutzer dabei unterstützen, sich auf wichtige Aufgaben zu fokussieren

Und nicht zuletzt: Sie reduzieren den Stress beim Surfen erheblich und schaffen eine ruhigere, angenehmere Online-Erfahrung für alle.

4. So setzt du das Kriterium erfolgreich um

Die gute Nachricht: Meist ist weniger mehr. Hier ein paar bewährte Strategien:

Grundregeln für bewegliche Inhalte:

• Vermeide automatisch startende Animationen und Videos komplett
• Beschränke automatische Bewegung auf maximal fünf Sekunden
• Biete immer gut sichtbare Stopp-, Pause- oder Verstecken-Buttons an
• Mache diese Steuerelemente auch per Tastatur bedienbar

Für automatisch aktualisierende Inhalte:

• Stelle klar beschriftete Kontrollen bereit: „Live-Updates pausieren", „Aktualisierung stoppen"
• Biete Optionen zur Anpassung der Update-Frequenz (z.B. alle 30 Sekunden, jede Minute)
• Informiere Nutzer über laufende Aktualisierungen und deren Kontrolle

Technische Umsetzung:

• Verwende JavaScript mit play/pause-Funktionen für Karussells und Slider
• Implementiere ARIA-Live-Regions für Updates, die kontrollierbar bleiben
• Nutze CSS-Animationen mit animation-play-state: paused als Option
• Biete eine Stopp-Funktion für <marquee>-Elemente (falls noch verwendet)

Best Practices:

• Positioniere Steuerelemente gut sichtbar in der Nähe der beweglichen Inhalte
• Verwende eindeutige Icons (Play/Pause-Symbole) kombiniert mit Text-Labels
• Behalte den Zustand bei: Pausierte Inhalte sollten pausiert bleiben, auch beim Seitenwechsel
• Teste mit echten Nutzern – besonders mit Menschen, die auf assistive Technologien angewiesen sind

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Auch bei Erfolgskriterium 2.2.2 gilt: Barrierefreiheit ist kein Selbstzweck – sondern bringt handfeste Vorteile für dein Business.

1. Zielgruppe erweitern

Nutzer, die durch bewegliche Inhalte abgelenkt oder beeinträchtigt werden, machen einen größeren Anteil der Bevölkerung aus als oft gedacht. Dazu gehören nicht nur Menschen mit Behinderungen, sondern auch Nutzer in stressigen Situationen, bei schwacher Internetverbindung oder mit älteren Geräten.

2. Conversion-Raten verbessern

Weniger Ablenkung bedeutet mehr Fokus auf das Wesentliche – deine Call-to-Actions, Produkte oder Inhalte. Studien zeigen, dass reduzierte visuelle Störungen zu höheren Conversion-Raten führen, da sich Nutzer besser auf ihre eigentlichen Ziele konzentrieren können.

3. Ressourcen sparen und Performance steigern

Weniger bewegliche Inhalte bedeuten weniger CPU-Last, geringeren Akkuverbrauch und bessere Performance – besonders wichtig für mobile Nutzer. Das verbessert die User Experience und reduziert Absprungraten.

Und nicht zuletzt: Rechtssicherheit und Fördermöglichkeiten. Viele öffentliche Projekte fordern digitale Barrierefreiheit bereits verpflichtend – wer vorbereitet ist, hat klare Vorteile bei Ausschreibungen und Förderanträgen.

6. Das Erfolgskriterium im Wortlaut der W3

Success Criterion 2.2.2 Pause, Stop, Hide (Level A)

For moving, blinking, scrolling, or auto-updating information, all of the following are true:

Moving, blinking, scrolling: For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential; and

Auto-updating: For any auto-updating information that (1) starts automatically and (2) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it or to control the frequency of the update unless the auto-updating is part of an activity where it is essential.

← Zurück zur WCAG-Übersicht