2.3.1 Drei Blitze oder unter der Schwelle

1. Was ist das Ziel dieses Kriteriums?

Stell dir vor, du schaust entspannt einen Online-Trailer – und plötzlich löst schnell blitzendes Licht einen epileptischen Anfall aus. Was wie Science-Fiction klingt, ist für Menschen mit Photosensitivität bittere Realität. Ein falsches GIF, ein übertrieben animierter Banner oder ein dramatisches Video kann für sie lebensgefährlich werden.

Das Ziel von Erfolgskriterium 2.3.1 der WCAG ist daher klar: Webinhalte dürfen nicht blitzen oder flackern, wenn sie dadurch Anfälle auslösen können. Konkret bedeutet das: Nicht mehr als drei Blitze pro Sekunde – oder die Blitze müssen unter bestimmten Schwellenwerten für Helligkeit und Fläche bleiben.

2. Was fordert das Erfolgskriterium genau?

Ganz konkret geht es um jede Art von visuellem Inhalt, der blitzt oder flackert – egal ob Video, Animation, GIF oder interaktive Elemente.

Das Kriterium definiert zwei klare Grenzwerte:

Frequenz-Regel: Maximal drei Blitze pro Sekunde, unabhängig von Helligkeit oder Größe.

Schwellenwert-Regel: Wenn es häufiger blitzt, müssen die Blitze unter den „allgemeinen Blitz-" und „Rot-Blitz-Schwellenwerten" bleiben:

• Allgemeine Blitze dürfen nur eine geringe Helligkeitsänderung haben (unter 10% relative Leuchtdichte)
• Rote Blitze sind besonders kritisch und haben noch strengere Limits
• Die blitzende Fläche darf maximal 25% eines 10-Grad-Sichtfelds einnehmen

Ausnahmen gelten nur für feine, ausgewogene Muster wie weißes Rauschen oder Schachbrettmuster mit winzigen Quadraten.

Wichtig: Dieses Kriterium ist so kritisch, dass es als „Non-Interference"-Kriterium gilt – es muss auf der gesamten Website erfüllt sein, nicht nur in bestimmten Bereichen.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du surfst ahnungslos auf einer Website und ein blitzendes Element löst bei dir einen epileptischen Anfall aus. Für Menschen mit Photosensitivität ist das nicht nur unangenehm – es kann lebensbedrohlich sein.

Schutz vor gefährlichen Blitzen schafft Sicherheit, weil er:

• Menschen mit photosensitiver Epilepsie vor Anfällen schützt
• Personen mit anderen lichtempfindlichen Störungen hilft
• Migräne, Übelkeit oder Schwindelanfälle verhindert
• Menschen mit Aufmerksamkeitsdefiziten vor extremen Ablenkungen bewahrt
• Allen Nutzern eine komfortablere, weniger aggressive Nutzererfahrung bietet

Und nicht zuletzt: Er macht Inhalte universell sicher nutzbar – ohne dass Menschen Angst vor gesundheitlichen Risiken haben müssen.

4. So setzt du das Kriterium erfolgreich um

Die gute Nachricht: Die meisten Inhalte erfüllen dieses Kriterium automatisch. Problematisch werden meist nur bewusst dramatische Effekte oder schlecht konvertierte Medien. Hier ein paar bewährte Praxis-Tipps:

Grundregeln für sichere Inhalte:

• Vermeide Blitzeffekte komplett, wenn sie nicht zwingend nötig sind
• Verwende sanfte Übergänge statt harter Lichtsprünge
• Reduziere die Geschwindigkeit von Animationen (unter 3 Hz)
• Beschränke blitzende Bereiche auf kleine Flächen
• Wähle gedämpfte Farben statt greller Kontraste

Tools und Tests:

• Nutze PEAT (Photosensitive Epilepsy Analysis Tool) für automatische Videoprüfung
• Teste kritische Inhalte mit Browser-Entwicklertools auf Frequenz
• Verwende Online-Tools wie „Trace Research & Development Center Photosensitive Epilepsy Analysis Tool"
• Prüfe GIFs und Animationen frame-by-frame auf Blitzfrequenz

Technische Umsetzung:

• CSS: Nutze animation-duration von über 0.33 Sekunden für Looping-Animationen
• Videos: Editiere kritische Szenen (Explosionen, Blitze, Stroboskope) nachträglich
• JavaScript: Implementiere Timer-Checks bei dynamischen Lichteffekten
• Biete „Reduce Motion"-Optionen für empfindliche Nutzer an

Häufige Problemquellen:

• Autoplay-Videos mit Blitzszenen
• Animierte Banner mit hellen Farbwechseln
• Hover-Effekte mit starken Kontraständerungen
• Parallax-Scrolling mit schnellen Lichteffekten

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Auch bei Erfolgskriterium 2.3.1 gilt: Barrierefreiheit ist kein Selbstzweck – sondern bringt handfeste Vorteile für dein Business und schützt vor erheblichen Risiken.

1. Rechtliche Sicherheit und Haftungsschutz

Blitzende Inhalte, die Anfälle auslösen, sind nicht nur ein Barrierefreiheitsproblem – sie können rechtliche Konsequenzen haben. In Deutschland können Gesundheitsschäden durch ungeprüfte Webinhalte zu Schadensersatzforderungen führen. Wer vorbereitet ist, vermeidet existenzielle Risiken.

2. Markenimage und Vertrauen stärken

Eine Website, die gesundheitliche Sicherheit ernst nimmt, signalisiert Professionalität und Verantwortung. Das schafft Vertrauen bei allen Nutzern – nicht nur bei Menschen mit Einschränkungen. Sichere, ruhige Designs werden oft als hochwertiger wahrgenommen.

3. Nutzererlebnis für alle verbessern

Inhalte ohne aggressive Blitzeffekte sind für jeden angenehmer zu betrachten. Das reduziert Absprungraten, verlängert Verweildauer und macht deine Website professioneller. Selbst Menschen ohne Photosensitivität bevorzugen meist ruhigere, weniger aufdringliche Animationen.

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.3.1 Three Flashes or Below Threshold (Level A)

Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds.

Note: Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the web page (whether it is used to meet other success criteria or not) must meet this success criterion. See Conformance Requirement 5: Non-Interference.

← Zurück zur WCAG-Übersicht