19.2 Überblick über alle Barrierefreiheitstests
Im folgenden werden alle in QF-Test enthaltenen Barrierefreiheitstests kurz vorgestellt.
Eine detaillierte Übersicht über die einzelnen Checks sowie deren einstellbare Parameter findet sich im
Kapitel
Konfiguration des "Prüfung der Barrierefreiheit"-Knotens.
19.2.1 Axe-Checks mit QF-Test
Fehler beim Überprüfen einer Website mit axe finden sich im Protokoll unter folgendem Fehlercode:
QF-Test Fehlercode:
ERR_AXE-CORE_CHECKS
Die Bibliothek axe-core stellt Methoden bereit, um Webseiten auf Konformität mit
Barrierefreiheitsstandards, wie etwa den bereits erwähnten WCAG-Richtlinien, zu testen.
Aus QF-Test heraus kann die gesamte Funktionalität von axe-core genutzt werden - ohne zusätzlichen
Programmieraufwand.
HinweisQF-Test erweitert axe um die Funktion, Elemente in geschlossenen Shadow-Roots auf Barrierefreiheit zu überprüfen. Dies ist allerdings nur bei Verwendung des CDP-Driver Verbindungsmodus möglich.
Bei Benutzung der axe-Bibliothek werden von axe bereitgestellte Barrierefreiheitstests (axe-Regeln) ausgeführt. Eine Liste aller möglichen Barrierefreiheitstests, sowie einen Verweis auf die dadurch überprüften Richtlinien finden sie hier: https://dequeuniversity.com/rules/axe/html/.
Bei der Ausführung des Schnellstart-Assistenten können die auszuführenden Regeln oder Regelgruppen definiert werden. Eine genauere Beschreibung dazu findet sich im Kapitel Rules to Check – axe.
Bei der Verwendung des Schnellstart-Assistenten werden mehrere Beispiele aufgeführt. Der eingestellte Standardwert ist "WCAG 2.x Level A und AA" - eine Überprüfung aller WCAG-Richtlinien ab Version 2.0 des Levels A oder AA.
19.2.2 Farbkontrast-Check für einfache Grafikobjekte
Fehler beim Überprüfen von Grafikelementen einer Website finden sich im Protokoll unter folgendem
Fehlercode:
QF-Test Fehlercode:
ERR_COLOR_CONTRAST_SIMPLE_GRAPHICS
Die WCAG schreibt für Bilder von großem Text, Komponenten der Benutzeroberfläche und informationstragende Grafiken einen Mindestfarbkontrast von 3:1 vor. (§§1.4.3, 1.4.11 WCAG 2.2)
Der Farbkontrast-Check prüft den Farbkontrast einfacher Grafikelemente (wie etwa Icons) gegen die automatisch ermittelte Hintergrundfarbe, wobei versucht wird eventuelle Umrandungen (Borders) des Elementes auszuschließen.
Der Farbkontrast-Check überprüft alle Elemente der im Schnellstart-Assistenten (oder direkt im "genericClasses"-Parameter der YAML-Notation des Prüfung der Barrierefreiheit-Knotens) angegebenen Generische Klassen.
Die generische Klasse eines Elementes kann einfach durch das Untersuchen des Elementes mit dem "UI-Inspektor" herausgefunden werden. Eine Anpassung der Komponentenerkennung bei Web-Tests oder die Erzeugung eigener generischer Klassen ist über den Der CustomWebResolver installieren Knoten möglich.
19.2.3 Überprüfung der Sichtbarkeit des Fokus
Fehler beim Überprüfen von Grafikelementen einer Website finden sich im Protokoll unter folgendem
Fehlercode:
QF-Test Fehlercode:
ERR_FOCUS_VISIBLE
Die WCAG fordert, dass Elemente einer per Tastatur bedienbaren grafischen Benutzeroberfläche einen sichtbaren Fokus haben müssen. (§2.4.7 WCAG 2.2)
Mit dem "Sichtbarkeit des Fokus"-Check wird über alle fokussierbaren Elemente einer Webseite per Tabulator iteriert und dabei jeweils die Sichtbarkeit des Fokus überprüft.
19.2.4 Überprüfung des Sprachattributes
Fehler beim Überprüfen des lang Attributes einer Website finden sich im Protokoll unter
folgendem
Fehlercode:
QF-Test Fehlercode:
ERR_LANGUAGE_LANG_VALUE
Für Nutzer von assistiven Technologien ist es wichtig, Informationen auf Webseiten in der korrekten
Sprache zu erhalten.
Damit die Sprache erkannt werden kann, muss das lang Attribut im HTML korrekt gesetzt
sein
(§§3.1.1, 3.1.2 WCAG
2.2)
Mit dem "Überprüfung des Sprachattributes"-Check werden alle <HTML>-Tags und Elemente mit
gesetztem
lang-Attribut gegen einen benutzerdefinierten Sprachwert (wie etwa "de" oder "en") auf
Gleichheit
überprüft.
Zudem wird sichergestellt, dass das Attribut in <HTML>-Tags gesetzt wird.
Hierbei überprüft QF-Test auch Elemente aus eingebetteten HTML-Dokumenten (<iframe>, "inline frame").
19.2.5 Die "impact"-Bewertung der Barrierefreiheitstests
Die Entwickler von axe-core vergaben jeder einzelnen Regel einen "impact". Dieser Wert wird von QF-Test in den Fehlermeldungen zu den Regeln aufgelistet und quantifiziert die Auswirkung eines Problems auf einen Benutzer mit einer Behinderung. Zudem wurde für die impact-Bewertung auch für QF-Test eigene Accessibility-Tests vergeben. In aufsteigender Reihenfolge gelistet (nach Schwere der Auswirkung) gibt es folgende Kategorien:
- Minor: niedrige Priorität
- Ein lästiger oder ärgerlicher Fehler.
- Moderate: mittlere Priorität
- Bereitet Schwierigkeiten für eingeschränkte Nutzer, hindert diese jedoch im Allgemeinen nicht am Zugriff auf grundlegende Funktionalitäten.
- Serious: hohe Priorität
- Führt zu schwerwiegenden Barrieren für Menschen mit Behinderung und hindert diese ganz oder teilweise am Zugang zu grundlegenden Funktionen oder Inhalten.
- Critical: oberste Priorität
- Das Problem blockiert Menschen mit Behinderung absolut bei der Nutzung der grundlegenden Funktionalitäten der Seite und dem Zugriff auf die Inhalte.
Hinweis Die "impact"-Bewertung erlaubt eine Priorisierung bei der Behebung der Probleme. Für ein Einhalten der WCAG-Richtlinien sind allerdings alle Fehler zu beheben - auch die Fehler von niedriger Priorität!