In diesem Artikel erfährst du, welche Hilfsmittel wir typischerweise bei Accessbility-Tests verwenden und wo du sie herunterladen kannst. Du findest hier auch weitere Informationen zu ihrer Verwendung.
Im Allgemeinen werden die Accessibility-Tools wie folgt kategorisiert:
Bildschirmlese-Software (Screenreader): Liest den Seiteninhalt auf dem Bildschirm vor
Spracherkennungssoftware: Wandelt gesprochene Wörter in Text um
Spezielle Tastatur: Einfaches Tippen mit einer Tastatur, die speziell für Menschen mit motorischen Beeinträchtigungen entwickelt wurde
Software zur Bildschirmvergrößerung: Speziell für sehbehinderte Benutzer zur Vergrößerung des Bildschirms, um das Lesen zu erleichtern.
In diesem Artikel konzentrieren wir uns auf die Screenreader-Software und die Tastaturnavigationstechniken.
Tastatur-Navigation
Um die Barrierefreiheit (Accessibility) zu testen und ein Bildschirmlesegerät (Screenreader) zu verwenden, musst du die grundlegenden Navigationstasten der Tastatur kennen. Auf der folgenden Seite findest du grundlegende Tastenkombinationen, mit deren Hilfe du auf Websites ohne Mauszeiger navigieren kannst https://webaim.org/techniques/keyboard/
Screenreader
Laut der American Foundation for the Blind sind "Screenreader Softwareprogramme, die es blinden oder sehbehinderten Benutzern ermöglichen, den auf dem Computerbildschirm angezeigten Text mit einem Sprachsynthesizer zu lesen.... Ein Bildschirmlesegerät ist die Schnittstelle zwischen dem Betriebssystem des Computers, seinen Anwendungen und dem Benutzer. Der Benutzer sendet Befehle, indem er verschiedene Tastenkombinationen auf der Computertastatur drückt, um den Sprachsynthesizer anzuweisen, was er sagen soll und automatisch zu sprechen, wenn Änderungen auf dem Computerbildschirm auftreten." Darüber hinaus bieten Screenreader eine Reihe von Funktionen, wie das Lesen und Auffinden von Text auf dem Bildschirm.
Mit Hilfe von Screenreadern können sehbehinderte und blinde Menschen Programme bedienen, Dokumente verfassen, E-Mails verschicken, im Internet surfen und vieles mehr, sofern Websites und Anwendungen an ihre Bedürfnisse angepasst sind.
Für die folgenden Screenreader-Tools empfehlen wir, sich Tutorials auf YouTube anzusehen, um sich mit ihnen vertraut zu machen.
Windows-Computer
NVDA (Non Visual Desktop Access) ist eine kostenlose Open-Source-Software, die entwickelt wurde, um sehbehinderten Menschen zu helfen, mit Computersoftware und Websites zu arbeiten.
Besuche die Webseite https://www.nvaccess.org/download/
Scrolle nach unten und klicke auf den Button Download.
Führe das heruntergeladene Installationspaket aus und folge den Anweisungen, um die Installation abzuschließen.
Nach Abschluss der Installation kannst du NVDA starten und ab diesem Zeitpunkt wird der Screenreader fokussierte Elemente über die Tastatur oder die Maus sowie Text, welchen du in die Felder eingibst, wiedergeben.
Hier findest du Tastenkombinationen, die du mit deinem NVDA-Reader verwenden kannst, um dich auf einer Webseite zu bewegen: https://webaim.org/resources/shortcuts/nvda
JAWS ist ein kostenpflichtiger Screenreader, den du 40 Minuten lang kostenlos nutzen kannst. Wenn die 40 Minuten abgelaufen sind, musst du deinen Computer neu starten, um eine neue kostenlose Sitzung zu beginnen. Hier erfährst du, wie du JAWS auf deinem Windows-Rechner installierst und konfigurierst:
Navigiere zu https://support.freedomscientific.com/Downloads/JAWS
Lade die neueste offizielle Version des JAWS-Screenreaders herunter (einer der Links weiter unten auf der Seite). Bitte installiere nicht die Betaversion, da nicht gewährleistet ist, dass sie zuverlässig funktioniert.
Folge den Anweisungen, um die Installation abzuschließen.
Du wirst aufgefordert, deinen Computer neu zu starten, um den Vorgang abzuschließen.
Wir empfehlen, dir die Navigations-Shortcut-Tasten für JAWS anzusehen, um dich mit der Software vertraut zu machen.
Apple-Computer
Apple-Computer mit macOS-Betriebssystem verfügen über einen eigenen integrierten Screenreader namens VoiceOver.
Um die Screenreader-Funktion auf deinem Mac zu aktivieren, gehe zu den Systemeinstellungen.
Öffne die Seite Eingabehilfen (siehe erstes Bild unten).
Aktiviere auf der sich öffnenden Seite das Kontrollkästchen VoiceOver aktivieren (siehe zweites Bild unten).
Über den Button VoiceOver-Training öffnen... am unteren Rand kannst du ein Tutorial starten, in der du lernst, wie du VoiceOver auf deinem Mac-Computer verwendest.
Im offiziellen VoiceOver-Benutzerhandbuch von Apple findest du weitere Informationen zur Verwendung von VoiceOver unter macOS Catalina.
Apple iOS-Geräte (iPhones und iPads)
Geräte mit dem iOS-Betriebssystem verfügen über einen eigenen integrierten Screenreader namens VoiceOver.
Aktiviere es, indem du zu Einstellungen > Bedienungshilfen > VoiceOver navigierst.
Schalte oben die Option VoiceOver ein.
Klicke unten auf VoiceOver-Übungen, um alle verfügbaren Gesten und die von dir ausgelösten Aktionen zu testen
Ab diesem Zeitpunkt ändert sich die Art und Weise, wie du dein iOS-Gerät bedienst. Der folgende offizielle Artikel von Apple hilft dir bei den Gesten: VoiceOver-Gesten auf dem iPhone lernen.
Weitere nützliche Artikel über VoiceOver findest du im Inhaltsverzeichnis auf dieser Seite, indem du Inhaltsverzeichnis > Bedienungshilfen > Sehen > Verwenden von VoiceOver aufrufst.
Android-Geräte (Smartphones und Tablets)
Android hat einen eigenen Screenreader namens TalkBack.
Aktiviere es, indem du auf deinem Gerät zu Einstellungen > Eingabehilfe > TalkBack navigierst.
Schalte die Option ganz oben auf der Seite ein, um den Screenreader zu aktivieren.
Beachte die kurze Anleitung auf dieser Seite, die erklärt, wie du TalkBack verwendest. Ausführliche Informationen findest du im Google-Leitfaden Android mit TalkBack verwenden
Tools zur Überprüfung des Farbkontrasts
Ein wichtiger Teil der Accessibility-Tests ist die Prüfung, ob die Farbkontraste von Texten auf ihrem jeweiligen Hintergrund ausreichend sind, sodass sehbehinderte Menschen diese Texte ohne Schwierigkeiten lesen können.
Es gibt zwei gängige Farbkontrast-Tools zur Durchführung von Farbkontrastprüfungen:
Mit dem Contrast Checker von WebAIM kannst du den Kontrast für ein einzelnes HTML-Element schnell überprüfen. Wenn du nicht nur ein einzelnes Element, sondern ganze Seiten prüfen möchtest, solltest du dir WAVE ansehen.
Der Colour Contrast Analyser (CCA), der sowohl für Windows als auch für macOS verfügbar ist, misst die Farbkontrastverhältnisse und gibt Auskunft über deren Übereinstimmung mit den WCAG 2.1. Das Tool zeigt an, welche WCAG-Kontrollpunkte auf der Grundlage seiner Messungen nicht erfüllt sind.
Mit der "Pinch"-Funktion kannst du die Farben eines Textes und seines Hintergrundes messen oder sie manuell eingeben. Die App berechnet dann das Farbkontrastverhältnis.
Automatisierte Tools
WAVE ist ein kostenloses Web Accessibility Evaluation Tool von WebAIM. Es handelt sich um eine Reihe von Evaluierungswerkzeugen, mit denen viele Fehler in Bezug auf die Accessibility und die Web Content Accessibility Guideline (WCAG) erkannt werden können. Es bietet visuelles Feedback über die Barrierefreiheit des Inhalts einer Website, indem es Symbole und Indikatoren in die Seite einfügt, was das Testen der Accessibility einer Website für dich viel bequemer macht und deinen manuellen Testaufwand reduziert.
Du kannst das Online-Tool WAVE oder WAVE-Erweiterungen für Firefox und Chrome verwenden, um das Farbkontrastverhältnis ganzer Seiten zu analysieren.
Schau dir für den Einstieg diese Einführung von WebAIM an.
Alternativ kannst du auch das HTML-Validator-Tool des W3C verwenden.