WCAG & BFSG · WCAG-Referenz: Bedienbar
WCAG 2.2.1: Zeitbegrenzungen anpassbar
Für jede Zeitbegrenzung, die der Inhalt setzt, muss der Nutzer sie abschalten, anpassen (auf mindestens das Zehnfache) oder verlängern können – Letzteres mit Vorwarnung, mindestens 20 Sekunden Reaktionszeit, per einfacher Aktion und mindestens zehnmal wiederholbar. (Englisch: Timing Adjustable.)
| Stufe | Prinzip | Teil der WCAG seit | Rechtlich verbindlich? |
|---|---|---|---|
| A | Bedienbar | 2.0 (2008) | Ja – über EN 301 549 in BFSG & BITV |
Was verlangt das Kriterium?
Ausnahmen gibt es drei: Echtzeit-Ereignisse (Auktion, Live-Quiz), Fälle, in denen das Limit essenziell ist (Prüfungen), und Limits über 20 Stunden. Alles andere – Session-Timeouts im Formular, ablaufende Warenkörbe, Buchungs-Countdowns, automatische Weiterleitungen – braucht einen der drei Mechanismen. Der praxistauglichste ist fast immer die Verlängerung mit Vorwarnung: „Ihre Sitzung läuft in 2 Minuten ab. [Sitzung verlängern]“.
Wen betrifft es besonders?
Alle, die mehr Zeit brauchen: Menschen mit motorischen Einschränkungen (Eingaben dauern länger – mit Switch-Scanning um ein Vielfaches), Screenreader-Nutzer (Formulare werden Feld für Feld erkundet), Menschen mit kognitiven Einschränkungen oder schlicht alle, die zwischendurch die Versichertennummer suchen müssen.
So sieht die Umsetzung aus
<!-- Vorwarnung als Dialog mit einfacher Verlängerung -->
<dialog id="timeout-warnung" aria-labelledby="tw-titel">
<h2 id="tw-titel">Sitzung läuft ab</h2>
<p>Ihre Sitzung endet in 2 Minuten. Ihre Eingaben gehen dann verloren.</p>
<button type="button" id="verlaengern">Sitzung um 20 Minuten verlängern</button>
</dialog>
Ergänzend gute Praxis (und Balsam für 3.3.7 Redundante Eingabe): Eingaben server- oder clientseitig zwischenspeichern, damit ein abgelaufenes Limit nicht das ganze Formular frisst. Die Warnung selbst gehört in einen echten Dialog bzw. eine Live-Region, damit sie auch angesagt wird.
So testest du es
- Zeitlimits inventarisieren: Session-Timeout, Warenkorb-Reservierung, Countdown, Auto-Redirect, automatisch weiterblätternde Inhalte (Karussells fallen unter 2.2.2).
- Für jedes Limit: Gibt es Abschalten/Anpassen/Verlängern nach den Mindestwerten?
- Praxisprobe: Formular beginnen, 20+ Minuten warten – kommt eine bedienbare Vorwarnung? Überleben die Eingaben?
Verwandte Themen
- 2.2.2 Pausieren, beenden, ausblenden – Zeitdruck durch Bewegung
- 3.3.4 Fehlervermeidung – verlorene Eingaben als Rechtsrisiko
- Mehrstufige Formulare – Zwischenspeichern als Muster