Zum Inhalt springen
44 Barrierefreiheit Dokumentation

4️⃣ 2.3.2 - Dreimaliges Blinken

AAA 2.1 Umsetzung, Design

Ziel

Reduzierung des Anfallsrisikos für Nutzer durch Vermeidung von blinkenden Inhalten, die häufiger als dreimal pro Sekunde auftreten.

Beschreibung

  • Inhalte dürfen in keinem Bereich der Webseite mehr als dreimal pro Sekunde blinken.
  • Diese Anforderung gilt unabhängig von Helligkeit, Größe oder Dauer des Blinkens.
  • Jegliches Blinken, auch auf Pixelebene, ist zu vermeiden, um das Risiko von Anfällen bei empfindlichen Personen zu minimieren.
  • Ausgenommen sind Inhalte, bei denen kein alternatives Design möglich ist.

Anforderungen

  • Verzicht auf Animationen oder Effekte, die schnelles Blinken beinhalten.
  • Nutzung statischer oder sanft animierter Inhalte als Alternative.
  • Warnhinweise bei unvermeidbarem Blinken, z. B. in Videoszenen, bereitstellen.

Code-Beispiele

Prüfung der Blinkfrequenz:
let blinkCount = 0;
let lastBlinkTime = Date.now();


function registerBlink() {
  const currentTime = Date.now();
  if (currentTime - lastBlinkTime < 1000) {
    blinkCount++;
    if (blinkCount > 3) {
      console.warn('Blinken überschreitet die sichere Frequenz!');
      document.querySelector('.blinking-element').style.animation = 'none';
    }
  } else {
    blinkCount = 1;
  }
  lastBlinkTime = currentTime;
}


setInterval(registerBlink, 200);