Als viertes Tool unserer Reihe zur Web-Barrierefreiheit haben wir die Google-Chrome-Erweiterung „Area Flash Checker“ (Area Flash Checker) veröffentlicht.
Mit dem ersten Tool „Area Contrast Checker“ haben wir die „Bereichsanalyse“ entwickelt: Sie wählen per Ziehen einen Bereich aus und analysieren ihn so, wie er angezeigt wird. Dieser Ansatz wird nun auf **Bewegung** erweitert.
Auf Grundlage der WCAG-Erfolgskriterien 2.3.1 und 2.3.2 können Sie Blitzlichter bewegter Inhalte auf einer Seite direkt dort prüfen, wo sie auftreten.
Hintergrund der Entwicklung: Blitzlichter, die leicht übersehen und schwer nachzuweisen sind
Starke Helligkeitswechsel und rotes Blinken können photosensitive Anfälle auslösen.
In Japan ist der Fall bekannt, bei dem im Jahr 1997 nach der Ausstrahlung einer Zeichentrickserie zahlreiche Zuschauer über gesundheitliche Beschwerden klagten.
Die WCAG definieren zu Blitzlichtern ein Erfolgskriterium auf Stufe A, der grundlegendsten Anforderungsstufe.
Auf Websites entstehen Blitzlichter, die gegen dieses Kriterium verstoßen, selten. Treten sie jedoch auf, gefährden sie die Gesundheit der Nutzer unmittelbar.
Blitzlichter sind nicht auf Videos beschränkt; sie können auch durch CSS-Animationen, Canvas-Effekte oder Werbeflächen entstehen.
Bisher wurden zur Prüfung von Blitzlichtern vor allem Werkzeuge zur Analyse von Videodateien wie PEAT eingesetzt.
Diese Werkzeuge dienen hauptsächlich dazu, Videomaterial bereits in der Produktionsphase zu prüfen.
Um den Zustand einer Website nach der Integration zu überprüfen, musste die Seite aufgezeichnet, die Videodatei konvertiert, in das Werkzeug geladen und dieser Ablauf bei jeder Korrektur wiederholt werden.
„Wenn mir eine Bewegung auffällt, möchte ich sie sofort direkt überprüfen.“
Aus genau diesem Anliegen aus der Praxis heraus ist die Entwicklung entstanden.
Messung der Seite im laufenden Zustand, ohne Aufnahme
Wählen Sie per Ziehen den gewünschten Bereich aus (oder die gesamte Anzeige) und erfassen Sie ihn 5 bis 60 Sekunden lang.
Da die Erweiterung die gerenderten Frames direkt analysiert, lassen sich allgemeine und rote Blitzlichter zählen, genau so, wie Nutzer sie tatsächlich sehen.
CSS-Animationen, Videos, Canvas-Inhalte, GIFs, Karussells und Werbeflächen werden alle mit demselben Ablauf geprüft.
Hinweis: Wenn Sie die fertige Videodatei selbst prüfen möchten, eignen sich Tools, die Videodateien analysieren.
Dieses Tool ist als schnelle Option gedacht, um Inhalte während der Erstellung und Prüfung zu kontrollieren.
Hauptfunktionen
1. Bewertung der WCAG-Erfolgskriterien 2.3.1 und 2.3.2
Für "Drei Blitze oder unter Schwellenwert" (Stufe A) und "Drei Blitze" (Stufe AAA) werden allgemeine Blitze und rote Blitze jeweils als konform bzw. nicht konform angezeigt.
- Allgemeiner Blitz
Eine Veränderung, bei der sich die relative Leuchtdichte um mindestens 0,1 aufhellt und anschließend wieder abdunkelt (oder umgekehrt). Gezählt wird ein Durchlauf, wenn die dunklere Seite eine relative Leuchtdichte von weniger als 0,80 hat. - Roter Blitz
Ein Übergang zwischen gesättigtem Rot (R/(R+G+B) ≥ 0,8) und einer anderen Farbe, bei dem sich die Chromatizitätsdifferenz im CIE-1976-UCS-Farbraum um mehr als 0,2 unterscheidet. Grundlage ist die Definition ab WCAG 2.1. - Flächenschwellenwert
21.824 CSS-px² (25 % von 341×256 px), wie von WCAG empfohlen
Die Ergebniskarte zeigt außerdem die maximale Anzahl an Blitzen pro Sekunde, einen Vergleich der betroffenen Fläche mit dem Schwellenwert sowie die Zeitabschnitte, in denen die Grenzwerte überschritten wurden (die Spitzensekunde).
2. Zeitleiste und Blitzkarte
Die Entwicklung der Leuchtdichteänderungsrate, der Blitzfläche und der betroffenen Fläche wird in einer Zeitleiste dargestellt. Wenn Sie mit der Maus über die Zeitleiste fahren oder die Pfeiltasten verwenden, wird in der Bildvorschau angezeigt, welche Bereiche der Auswahl in diesem Zeitpunkt geblitzt haben.
3. Hinweise für den Einsatz auf echten Seiten
- Fordert eine Aufnahme mit 60 fps an und zeigt die tatsächlich erreichte Bildrate. Warnung, wenn schnelle Blinkvorgänge möglicherweise nicht erfasst werden.
- Passt sich automatisch an Retina- bzw. hochauflösende Displays und die Browser-Zoomstufe an.
- Um Fehlerkennungen zu vermeiden, werden feine Strukturen wie dünne Linien oder Textkanten standardmäßig aus der Flächenberechnung ausgeschlossen (je nach Messobjekt deaktivierbar).
- Das Design sorgt dafür, dass das Messoverlay nicht in der Aufnahme erscheint.
4. Barrierefreiheit des Werkzeugs selbst
Das Werkzeug ist mit Screenreadern kompatibel und liest den Messstatus sowie die Ergebnisse vor. Die Bedienung der Zeitleiste per Tastatur sowie das Verlassen jedes Schritts mit der Escape-Taste machen es auch als Werkzeug für Barrierefreiheit gut nutzbar.
Hinweis: Es werden keinerlei Daten erhoben oder nach außen übertragen. Erfasste Frames werden nach der Analyse im Browserspeicher sofort verworfen, sodass Sie das Werkzeug auch auf noch nicht veröffentlichten Seiten oder in internen Umgebungen bedenkenlos einsetzen können.
Hier können Sie Area Flash Checker herunterladen.
Bei Liberogic verfolgen wir das Ziel, Barrierefreiheit nicht als „Sonderlösung“, sondern als selbstverständlichen Qualitätsstandard zu etablieren.
Blitzlichter lassen sich mit automatisierten Prüfungen von HTML und CSS nur schwer erkennen; hier ist in vielen Fällen eine Überprüfung durch Menschen erforderlich.
Verschaffen Sie sich mit dem automatischen Prüfwerkzeug Lente Scaneinen Überblick, prüfen Sie einzelne Punkte mit der Erweiterung und treffen Sie die endgültige Konformitätsbewertung mit der manuellen Expertenprüfung Lente Audit.
Die Kombination aus automatisierter Prüfung, praktischen Werkzeugen und manueller Expertenprüfung unterstützt eine kontinuierliche Verbesserung der Barrierefreiheit.
Barrierefreiheit näher und unkomplizierter gemacht.
Wir werden auch künftig Werkzeuge und Dienstleistungen entwickeln, die die Erfahrungen aus der Praxis aufgreifen.
