ÜBERBLICK
Umsetzbarkeit:
- Komplexität:Einfach
- Dauer:Schnell
Wichtig für Rolle:
Design, Entwicklung
Zum WCAG-Kriterium:
Verzicht auf Flackern (englisch)Worum geht's?
Eine Website darf keine Elemente enthalten, die größer als 148 × 148 Pixel (Richtwert) sind und öfter als dreimal pro Sekunde aufblitzen. Dazu gehören zum Beispiel blinkende GIFs oder flackernde Sequenzen in Videos.
Umsetzung
Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.
Blitzende Inhalte vermeiden
Verwende keine Inhalte, die mehr als dreimal pro Sekunde blinken oder flackern. Das betrifft vorwiegend Videos, animierte Bilder, GIFs oder interaktive Effekte – zum Beispiel blinkende Warnhinweise oder schnell wechselnde Farben. Jeder plötzliche Farb- oder Kontrastwechsel, der innerhalb einer Sekunde mehr als dreimal auftritt, gilt als »Blitz«.
Beispiel: Eine Animation mit einem roten und weißen Farbwechsel darf nicht mehr als dreimal pro Sekunde zwischen den Farben wechseln. Wenn doch, muss sie so angepasst werden, dass sie langsamer abläuft.
Da es schwierig ist, dies mit bloßem Auge zu prüfen, empfiehlt die WCAG dieses Tool zum Testen von blinkenden Flächen. (Nur für Windows)
WCAG-Technik(en) in Englisch:
Blitzenden Bereich klein genug halten
Wenn du dich vom Blinken nicht trennen kannst, musst du zumindest dafür sorgen, dass die Fläche winzig ist!
Der blinkende Bereich sollte weniger als 25 % des zentralen 10°-Sichtfeldes einnehmen, sodass das Blinken weniger intensiv wahrgenommen wird. Als Daumenregel: Bei einer Bildschirmbreite von 1024 Pixeln wären das 148 × 148 Pixel.
Die genaue Berechnung findest du in der WCAG-Technik G176.
WCAG-Technik(en) in Englisch:
DAs Accessbility-Center
Teste selbstständig auf digitale Barrierefreiheit!
Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!
- Alle Prüfschritte leicht erklärt
- Teile und exportiere Prüfberichte
- Teste direkt auf der Live-Webseite!
