2.2.1 Zeitbegrenzung anpassbar
Zeitlimits auf Ihrer Website müssen sich abschalten, anpassen oder vor Ablauf verlängern lassen, außer in wenigen Ausnahmefällen.
Stufe APrinzip 2: Bedienbar
Was bedeutet das?
Läuft eine Sitzung nach einigen Minuten ab oder leitet eine Seite automatisch weiter, verlieren manche Menschen ihre Eingaben, bevor sie fertig sind. Daher muss mindestens eines möglich sein: das Limit vorher abschalten, es auf mindestens das Zehnfache verlängern, oder vor Ablauf gewarnt werden und mit einer einfachen Handlung mehr Zeit bekommen. Für diese Handlung bleiben mindestens 20 Sekunden, und sie muss sich mindestens zehnmal wiederholen lassen.
Ausnahmen gelten für Echtzeitvorgänge wie eine Auktion, für Fälle, in denen die Zeit wesentlich ist, etwa bei einer Prüfung, und für Zeitlimits von mehr als 20 Stunden.
Wem hilft das?
- Menschen, die langsamer lesen oder tippen, etwa wegen einer Lese-Rechtschreib-Schwäche
- Menschen mit kognitiven Einschränkungen, die mehr Zeit zum Verstehen brauchen
- Screenreader- und Sprachsteuerungsnutzer, für die jedes Formular länger dauert
- Menschen mit motorischen Einschränkungen
Typische Fehler
- Der Warenkorb oder die Anmeldung läuft ohne Vorwarnung ab und alle Eingaben sind weg
- Eine Seite leitet nach wenigen Sekunden automatisch weiter, etwa nach dem Absenden eines Formulars
- Eine Reservierung hält Plätze für zehn Minuten und lässt sich nicht verlängern, obwohl die Zeit nicht wesentlich ist
- Die Warnung vor dem Ablauf verschwindet selbst nach wenigen Sekunden wieder
So prüfen wir das
- axe-core Automatisch: axe-core findet typische Verstöße. Ein Verstoß wird als „nicht erfüllt“ vorausgefüllt.
Prüffrage: Zeitlimits (Session-Timeouts, automatische Weiterleitungen) lassen sich abschalten, anpassen oder verlängern.
Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.
So beheben Sie es
<meta http-equiv="refresh" content="5; url=/danke"><div role="alertdialog" aria-labelledby="t" aria-describedby="d">
<h2 id="t">Sitzung läuft bald ab</h2>
<p id="d">In 2 Minuten werden Sie abgemeldet.</p>
<button type="button" id="verlaengern">
Weitere 20 Minuten arbeiten
</button>
</div>Statt einer stillen Weiterleitung warnt die Seite rechtzeitig und verlängert die Sitzung mit einem einzigen Klick oder Tastendruck.
Praxistipps
- Speichern Sie Formulareingaben zwischen, damit nach einem Ablauf nichts verloren geht.
- Nennen Sie Zeitlimits schon zu Beginn eines Vorgangs, nicht erst kurz vor dem Ende.
Ratgeber und Muster dazu
- Spam abwehren, ohne Menschen auszusperrenEin CAPTCHA soll Bots aufhalten und hält oft Menschen auf: wer blind ist, schlecht sieht, schlecht hört oder Rätsel schwer lösen kann. Es gibt bessere Wege gegen Spam.
- Statusmeldungen, die ankommen, ohne den Fokus zu stehlenMeldungen per Live-Region ansagen, ohne Fokuswechsel.
Offizielle Quelle
Understanding WCAG 2.2 beim W3C (Englisch): 2.2.1 Timing Adjustable
Wie steht Ihre Website bei diesem Kriterium?
Der kostenlose Check prüft Ihre Startseite automatisch, das Audit entscheidet alle 55 Kriterien.