3️⃣ 2.2.1 - Zeit anpassbar

A 2.0 Umsetzung

Ziel

Gewährleistung, dass alle Benutzer genügend Zeit haben, um Inhalte zu lesen oder Interaktionen abzuschließen, ohne unerwartete Unterbrechungen durch Zeitlimits.

Beschreibung

Für jedes Zeitlimit, das im Inhalt festgelegt ist, muss mindestens eine der folgenden Bedingungen erfüllt sein:

Ausschalten: Möglichkeit, das Zeitlimit zu deaktivieren.
Anpassen: Option, das Zeitlimit auf mindestens das Zehnfache der Standardeinstellung zu verlängern.
Verlängern: Warnung vor Ablauf und einfache Möglichkeit zur Verlängerung des Zeitlimits um mindestens das Zehnfache.
Echtzeitausnahme: Zeitlimits für Echtzeit-Ereignisse wie Auktionen sind zulässig, wenn keine Alternativen bestehen.
Wesentliche Ausnahme: Zeitlimits, die für den Prozess essenziell sind und nicht verlängert werden können.
20-Stunden-Ausnahme: Zeitlimits über 20 Stunden sind von der Anforderung ausgenommen.

Klare und gut sichtbare Steuerungselemente zur Verlängerung oder Anpassung von Zeitlimits.
Unterstützung von alternativen Anzeigen für Benutzer mit motorischen oder visuellen Einschränkungen.
Bereitstellung von Mechanismen zur Deaktivierung oder Verlängerung von Zeitlimits.
Implementierung von Warnungen mindestens 20 Sekunden vor Ablauf eines Zeitlimits.
Sicherstellen, dass Zeitlimits auf mindestens das Zehnfache der ursprünglichen Dauer verlängert werden können.

Code-Beispiele

Beispiel für Deaktivierung von Zeitlimits:

let timerActive = true;

function disableTimer() {
  timerActive = false;
  console.log('Zeitlimit deaktiviert.');
}

// Beispiel für einen Button zum Deaktivieren
document.getElementById('disable-timer').addEventListener('click', disableTimer);

Beispiel für Verlängerung von Zeitlimits:

let timeLeft = 30; // Zeit in Sekunden
const extensionFactor = 10;

function extendTimer() {
  timeLeft += extensionFactor;
  console.log(`Zeitlimit verlängert. Verbleibende Zeit: ${timeLeft} Sekunden.`);
}

document.getElementById('extend-timer').addEventListener('click', extendTimer);

// Countdown-Logik
setInterval(() => {
  if (timeLeft > 0) {
    timeLeft--;
    console.log(`Verbleibende Zeit: ${timeLeft} Sekunden.`);
  } else {
    console.log('Zeitlimit abgelaufen.');
  }
}, 1000);