Werkzeugliste (Web)

Im BIK BITV- oder WCAG-Test (Web) werden Webseiten unter unterschiedlichen Bedingungen betrachtet: in verschiedenen Browsern, mit bestimmten Einstellungen und mit bestimmten Tools, die besondere Merkmale hervorheben.

Sie finden hier die empfohlene Prüfumgebung und die einzusetzenden Prüfwerkzeuge. In der Regel sind alle Prüfwerkzeuge im Web frei verfügbar. In vielen Fällen können auch andere als die angegebenen Prüfwerkzeuge genutzt werden.

Geprüft wird grundsätzlich in der aktuellsten Browser- bzw. Hilfsmittel- und Prüfwerkzeug-Version. Der Hintergrund: In der Regel aktualisieren sich Browser und Hilfsmittel selbsttätig oder weisen auf verfügbare Updates hin. Es ist davon auszugehen, dass Nutzer diese Aktualisierungen akzeptieren, oft schon aus Sicherheitsgründen.

Hinweis: Unterschiede in Browsern und Hilfsmitteln, abweichende Hilfsmittel-Einstellungen und unterschiedliche Prüfwerkzeuge können sowohl das visuelle Erscheinungsbild der geprüften Seite als auch die Screenreader-Ausgabe beeinflussen. Um solche Unterschiede zu erkennen und in die Bewertung einzubeziehen, ist häufig eine ergänzende Prüfung in einer abweichenden Prüfumgebung sinnvoll. Dies unterstützt die Validität und Reproduzierbarkeit der Prüfergebnisse - besonders bei nicht-nativen dynamischen Bestandteilen (Widgets), die mithilfe von ARIA umgesetzt wurden. Vergleichende Prüfungen in verschiedenen Umgebungen erlauben wichtige Hinweise auf die möglicherweise begrenzte Unterstützung solcher Bestandteile.

Wenn technische Umsetzungen über mehrere Prüfumgebungen hinweg gut unterstützt sind, aber punktuell Mängel oder Lücken in der Unterstützung zeigen, ist dies noch kein Beleg für einen Mangel an Barrierefreiheit. Für die Bewertung ausschlaggebend ist in der Regel nicht die (punktuell mangelnde) Unterstützung in bestimmten Prüfumgebungen, sondern eine Umsetzung, die veröffentlichten Standards und Empfehlungen wie etwa Accessible Rich Internet Applications (WAI-ARIA) 1.2 folgt.

Betriebssysteme

  • Microsoft Windows 10 (deutsch)

  • Apple iOS in der aktuellsten Version oder alternativ Android in der aktuellsten Version (ohne Skin, also Android in der Google-Version oder weitgehend unverändert, wie etwa auf einem aktuellen Google Pixel-Smartphone).

Desktop-Browser

  • Mozilla Firefox (aktuellste deutsche Version): Hinweis: Die Tastaturbedienbarkeit wird auch mit Firefox geprüft, denn es gibt einige spezifische Probleme, die nur mit diesem Browser auftauchen. Außerdem stehen einige Plugins nur für Firefox zur Verfügung. Besonders geeignet ist der Firefox-Browser für der Überprüfung der Screenreader-Ausgabe mit dem NVDA Screenreader, da dieser von Firefox am besten unterstützt wird.

  • Chrome (aktuellste deutsche Version): Die Chrome DevTools (Öffnen mit F12) sind ähnlich wie die Developer Tools im Firefox-Browser ein wichtiges Hilfsmittel zur Überprüfung von Auszeichnungen mit WAI-ARIA, besonders bei dynamischen Änderungen.

  • Microsoft Edge (aktuellste deutsche Version) kann zusätzlich genutzt werden. Die Aktivierung der eingebauten Microsoft-Sprachausgabe zeigt ggf. Grenzen der Unterstützung dynamischer Widgets.

  • Der Microsoft Internet Explorer ist veraltet und sollte nicht länger genutzt werden. In BITV-Tests wird er nur noch auf expliziten Kundenwunsch eingesetzt.

Browser-Einstellungen

Soweit vorhanden:

  • Popups zulassen (Popup-Blocker deaktiviert)

  • Automatisch abspielendes Audio zulassen ("Automatische Wiedergabe von Audio-Inhalten verhindern" deaktiviert)

  • Werbung zulassen ("Werbung blockieren" deaktiviert)

  • Bewegungssensoren zulassen

  • Alle Grafiken laden

  • JavaScript aktiviert

  • Eingabehilfen deaktiviert

  • Einstellung für Textgröße auf 100%

Browser-Erweiterungen

Mobile Browser

  • iOS Safari (jeweils aktuelle Version)

  • Android Chrome (jeweils aktuelle Version)

Screenreader

  • NVDA ist ein Open-Source Screenreader für Windows, der besonders bei der Prüfung dynamischer Webinhalte unterstützend eingesetzt wird (in Kombination mit Firefox). NVDA gilt als weitgehend standardkonform und ist deshalb für die Überprüfung korrekter Auszeichnungen besser geeignet als etwa der Screenreader JAWS, der so manche Fehler in der Auszeichnung kompensiert.

  • Windows Sprachausgabe: Die eingebaute Microsoft Windows Sprachausgabe kann zusammen mit dem Browser Edge genutzt werden, um die Unterstützung dynamischer Webinhalte in dieser Umgebung zu überprüfen. Sie lässt sich mit der Tastenkombination Strg + Windows-Taste + ENTER starten und beenden.

Online-Dienste

Bookmarklets

  • Check serialized DOM of current page: Sendet das aus dem geparsten Quellcode resultierende DOM an den W3C Validator.

  • WCAG Syntax Only: Bookmarklet von Christophe Strobbe, mit dem die Ergebnisse des W3C-Validators gemäß den Anforderungen der WCAG gefiltert werden. Das Bookmarklet filtert Ergebnisse heraus, die auf nicht validen HTML-Code zurückgehen, erfasst aber Verschachtelungsfehler und doppelte IDs.

  • Tables: Bookmarklet von tollwerk zur Überprüfung der semantischen Auszeichnung von Datentabellen.

  • Landmarks: Bookmarklet von Paul Adam, das landmarks, wenn vorhanden, hervorhebt.

  • Images: Bookmarklet von tollwerk zur Überprüfung der korrekten Setzung des alt-Attributs. Auch aria-label und title werden angezeigt.

  • Lang: Bookmarklet von tollwerk zur Überprüfung der Sprachauszeichnung.

  • Lists: Bookmarklet von tollwerk zur Überprüfung der Listenauszeichnung.

  • Force Show Keyboard Focus: Bookmarklet von Paul Adam zum Erzwingen der Fokushervorhebung.

  • Show Tab Focus: Bookmarklet von Jeff Smith zur Fokushervorhebung.

  • Target Size Checker: Bookmarklet von Steve Faulkner, kann unterstützend beim Testen von Zielgrößen ("Target Size") eingesetzt werden.

Bookmarklets zur Direktinstallation

Zur Installation der folgenden Bookmarklets einfach den jeweiligen Link als Lesezeichen speichern (Rechtsklick auf den Link — Lesezeichen für Link hinzufügen usw.). Nun kann das Bookmarklet aus den Lesezeichen heraus aufgerufen werden. Die Bookmarklets funktionieren nur unter Firefox/Mozilla.

  • Inhalte gegliedert: Bookmarklet, zum Anzeigen von Strukturelementen.

  • Vorder-und Hintergrundfarbe definiert: Das Bookmarklet "Vorder- und Hintergrundfarbe definiert" von T-Systems wird verwendet, um gegebenenfalls fehlende Farbdefinitionen zu überprüfen.

  • Textabstände: Das Bookmarklet "Textabstände" verwendet, um den Inhalt mit vergrößerten Textabstände darzustellen.

  • Tastatur-Kurzbefehle auslösen: Das Bookmarklet "Tastatur-Kurzbefehle auslösen" von T-Systems kann gegebenenfalls zusätzlich eingesetzt werden, um der Reihe nach alle erforderlichen Tasten auszulösen. Dabei muss die Seite genau beobachtet werden, ob sich etwas ändert bzw. geändert hat. Die Konsole der Entwickler-Tools zeigt die simulierten Eingaben.

  • Down-Events auslösen: Das Bookmarklet "Down-Events auslösen" von T-Systems kann gegebenenfalls zusätzlich eingesetzt werden, um der Reihe nach auf allen Elementen down-events auszulösen. Dabei muss die Seite genau beobachtet werden, ob sich etwas ändert bzw. geändert hat. Die Geschwindigkeit (Intervall in Millisekunden) kann am Beginn eingestellt werden.

Sonstige Programme

  • Color Contrast Analyser (CCA): Werkzeug für die Prüfung von Kontrasten.
  • Adobe Acrobat Pro: Die Professional-Version ist für die direkte Prüfung der Tag-Struktur von PDF-Dokumenten erforderlich. In Readern wird sie nicht angezeigt, Strukturmerkmale, die eher zufällig an den richtigen Stellen aus visuellen Merkmalen abgeleitet worden sind, unterscheiden sich nicht von Ergebnissen systematischer Aufbereitung.

  • PDF Accessibility Checker (PAC): Werkzeug zur automatisierten Barrierefreiheits-Überprüfung von PDF-Dokumenten.

Fragen und Antworten

Kann man auch andere Prüfwerkzeuge nutzen?

Bei vielen Prüfschritten kommen alternativ auch andere Prüfwerkzeuge in Frage. Je nach den technischen Besonderheiten der zu prüfenden Seiten liefert mal das eine, mal das andere Werkzeug die besten Ergebnisse.

Wir nennen in der Regel nur ein aus unserer Sicht geeignetes Prüfwerkzeug, dieses Werkzeug sollte normalerweise verwendet werden. Manchmal wird in der Beschreibung des Verfahrens auch ausdrücklich auf Schwächen anderer Prüfprogramme eingegangen.

Sind zusätzliche Prüfungen sinnvoll?

Beim BITV- oder WCAG-Test (Web) haben wir darauf geachtet, dass der Zeitaufwand für die Prüfung nicht zu groß wird. Die Tastaturbedienbarkeit wird zum Beispiel in der Regel nur mit Chrome und Firefox überprüft. Es spricht natürlich überhaupt nichts dagegen, noch in anderen Umgebungen zu prüfen und die Ergebnisse dieser Prüfungen im Prüfbericht festzuhalten. Auch zusätzliche Prüfungen mit Screenreadern machen auf jeden Fall Sinn, insbesondere bei interaktiven Webangeboten.