Barrierefreiheitstests

  • Artikel

In diesem Thema werden verschiedene Tools und Verfahren beschrieben, mit denen Sie die Barrierefreiheitsimplementierung Ihrer Windows- und Webanwendungen überprüfen können.

Erfolgreiche Benutzeroberfläche

Programmgesteuerter Zugriff und Tastaturzugriff sind wichtige Anforderungen für die Unterstützung der Barrierefreiheit in Ihrer Anwendung. Das Testen der Barrierefreiheit Ihrer Windows-Anwendungen, AT-Tools (Assistive Technology) und UI-Frameworks ist von entscheidender Bedeutung, um eine erfolgreiche Benutzererfahrung für Personen mit verschiedenen Behinderungen und Einschränkungen (einschließlich Sehvermögen, Lernen, Geschicklichkeit/Mobilität und Sprach-/Kommunikationsbehinderungen) zu gewährleisten oder einfach nur eine Tastatur zu verwenden.

Ohne angemessene Unterstützung für barrierefreie Technologien (AT) wie Bildschirmsprachausgaben und Bildschirmtastaturen könnten Benutzer mit Sehvermögen, Lernen, Geschicklichkeit/Mobilität und Sprach-/Kommunikationsbehinderungen oder Einschränkungen (und Benutzer, die nur die Tastatur bevorzugen) die Verwendung Ihrer Anwendung schwierig, wenn nicht gar unmöglich finden.

Tools für Barrierefreiheitstests

Insights für Barrierefreiheit

Accessibility Insights hilft Entwicklern dabei, Probleme mit der Barrierefreiheit sowohl in Websites als auch in Windows-Anwendungen zu finden und zu beheben.

  • Accessibility Insights für Windows hilft Entwicklern, Barrierefreiheitsprobleme in Windows-Apps zu finden und zu beheben. Das Tool unterstützt drei primäre Szenarien:
    • Mit Live Inspect können Entwickler überprüfen, ob ein Element in einer App über die richtigen Eigenschaften der Benutzeroberflächenautomatisierung verfügt, indem sie einfach mit dem Mauszeiger auf das Element zeigen oder den Tastaturfokus darauf festlegen.
    • FastPass : Ein einfacher, zweistufiger Prozess, mit dem Entwickler häufige, Barrierefreiheitsprobleme mit hoher Auswirkung in weniger als fünf Minuten identifizieren können.
    • Mit der Problembehandlung können Sie bestimmte Barrierefreiheitsprobleme diagnostizieren und beheben.
  • Accessibility Insights for Web ist eine Erweiterung für Chrome und Microsoft Edge Insider , die Entwicklern hilft, Barrierefreiheitsprobleme in Web-Apps und Websites zu finden und zu beheben. Es werden zwei primäre Szenarien unterstützt:
    • FastPass : Ein einfacher, zweistufiger Prozess, mit dem Entwickler häufige, Barrierefreiheitsprobleme mit hoher Auswirkung in weniger als fünf Minuten identifizieren können.
    • Bewertung : Ermöglicht es jedem, zu überprüfen, ob eine Website zu 100 % den Barrierefreiheitsstandards und Richtlinien entspricht. Accessibility Insights ermöglicht Ihnen auch die Überprüfung von Elementen, Eigenschaften, Steuerelementmustern und Ereignissen der Benutzeroberflächenautomatisierung (ähnlich wie die im folgenden Abschnitt beschriebenen Inspect - und AccEvent-Legacytools ).

Legacy-Testtools

Hinweis

Die hier beschriebenen Tools sind weiterhin im Windows SDK verfügbar, es wird jedoch dringend empfohlen, zu Accessibility Insights umzusteigen.

Das Windows Software Development Kit (SDK) umfasst mehrere Tools für Barrierefreiheitstests, darunter AccScope, Inspect und UI Accessibility Checker.

Sie können die folgenden Tools zum Testen der Barrierefreiheit entweder über eine Microsoft Visual Studio-Eingabeaufforderung starten oder zum Ordner bin navigieren, an dem das Windows SDK auf Ihrem Entwicklungscomputer installiert ist.

EH-Viewer (AccScope)

AccScope ermöglicht die visuelle Auswertung der Barrierefreiheit einer Anwendung während der frühen Entwurfs- und Entwicklungsphase. AccScope ist speziell zum Testen von Sprachausgabe-Barrierefreiheitsszenarien vorgesehen und verwendet die von einer App bereitgestellten Benutzeroberflächenautomatisierungsinformationen, um zu zeigen, wo die Barrierefreiheit verbessert werden kann.

Überprüfen

Mit Inspect können Sie ein beliebiges UI-Element auswählen und dessen Barrierefreiheitsdaten anzeigen. Sie können Eigenschaften und Steuerelementmuster der Microsoft-Benutzeroberflächenautomatisierung anzeigen und die Navigationsstruktur der Automatisierungselemente im Benutzeroberflächenautomatisierungs-Baum testen. Dies ist besonders nützlich, um sicherzustellen, dass Eigenschaften und Steuerelementmuster ordnungsgemäß festgelegt werden, wenn sie ein allgemeines Steuerelement erweitern oder ein benutzerdefiniertes Steuerelement erstellen.

Verwenden Sie Beim Entwickeln der Benutzeroberfläche Überprüfen , um zu überprüfen, wie Barrierefreiheitsattribute in der Benutzeroberflächenautomatisierung verfügbar gemacht werden. In einigen Fällen stammen die Attribute aus der Unterstützung der Benutzeroberflächenautomatisierung, die für Standard-XAML-Steuerelemente bereits implementiert wurde. In anderen Fällen stammen die Attribute von bestimmten Werten, die Sie in Ihrem XAML-Markup festgelegt haben, als an AutomationProperties angefügte Eigenschaften.

Die folgende Abbildung zeigt das Inspect-Tool, mit dem die Benutzeroberflächenautomatisierungseigenschaften des Menübefehls Bearbeiten in Editor abgefragt werden.

Screenshot des Inspect-Tools.

UI Accessibility Checker

Benutzeroberflächen-Barrierefreiheitsprüfung (AccChecker) hilft Ihnen, potenzielle Barrierefreiheitsprobleme zur Laufzeit zu ermitteln. AccChecker umfasst Überprüfungen für benutzeroberflächenautomatisierung, Microsoft Active Accessibility und Accessible Rich Internet Applications (ARIA). Es kann eine statische Überprüfung auf Fehler wie fehlende Namen, Strukturprobleme usw. bereitstellen. Es hilft bei der Überprüfung des programmgesteuerten Zugriffs und enthält erweiterte Funktionen für die Automatisierung von Barrierefreiheitstests. Sie können AccChecker im Benutzeroberflächen- oder Befehlszeilenmodus ausführen. Um das Ui-Modus-Tool auszuführen, öffnen Sie den Ordner AccChecker im Ordner Bin des Windows SDK, führen acccheckui.exe aus, und klicken Sie auf das Menü Hilfe .

Benutzeroberflächenautomatisierungs-Überprüfung

Ui Automation Verify (UIA Verify) ist ein Framework für manuelle und automatisierte Tests der UI Automation-Implementierung in einem Steuerelement oder einer Anwendung (Ergebnisse können protokolliert werden). UIA Verify kann in den Testcode integriert werden und regelmäßige, automatisierte Tests oder Stichprobenprüfungen von Ui Automation-Szenarien durchführen und ist nützlich, um zu überprüfen, ob Änderungen an Anwendungen mit etablierten Features keine neuen Probleme oder Regressionen aufweisen. Die UIA-Überprüfung finden Sie im UIAVerify-Unterordner des Windows SDK-Ordners bin .

Überwachung für barrierefreie Ereignisse

Mit der Überwachung für barrierefreie Ereignisse (AccEvent) wird getestet, ob die UI-Elemente einer App korrekte Benutzeroberflächenautomatisierungs- und Microsoft Active Accessibility-Ereignisse auslösen, wenn Änderungen an der Benutzeroberfläche auftreten. Änderungen an der Benutzeroberfläche können auftreten, wenn sich der Fokus ändert, ein Benutzeroberflächenelement aufgerufen oder ausgewählt wird oder sich sein Zustand oder seine Eigenschaft ändert. AccEvent wird in der Regel verwendet, um Probleme zu debuggen und zu überprüfen, ob benutzerdefinierte und erweiterte Steuerelemente ordnungsgemäß funktionieren.

Barrierefreiheitstestverfahren

Testen der Barrierefreiheit der Tastaturnavigation

Die beste Methode, um die Barrierefreiheit der Tastaturnavigation zu testen, besteht darin, die Maus auszustöpseln oder im Fall eines Tabletgeräts die Bildschirmtastatur zu verwenden. Testen Sie die Barrierefreiheit der Tastaturnavigation mithilfe der TAB-TASTE. Sie sollten alle interaktiven UI-Elemente mit der TAB-TASTE erreichen können. Überprüfen Sie bei zusammengesetzten UI-Elementen, ob Sie mit den Pfeiltasten zwischen den einzelnen Elementteilen navigieren können. Sie sollten beispielsweise mithilfe der Tasten auf der Tastatur in Listen mit Elementen navigieren können. Stellen Sie zum Schluss sicher, dass Sie alle interaktiven UI-Elemente mithilfe der Tastatur aufrufen können, wenn der Fokus auf diesen Elementen liegt (in der Regel mit der EINGABETASTE oder LEERTASTE).

Überprüfen des Kontrastverhältnisses von sichtbarem Text

Überprüfen Sie mit den Farbkontrasttools, ob das Kontrastverhältnis von sichtbarem Text in Ordnung ist. Zu den Ausnahmen zählen inaktive UI-Elemente und Logos oder dekorativer Text, der keine Informationen enthält und neu angeordnet werden kann, ohne dadurch seine Bedeutung zu verändern. Weitere Informationen zum Kontrastverhältnis sowie zu Ausnahmen finden Sie unter Anforderungen für barrierefreien Text. Tools zum Testen des Kontrastverhältnisses finden Sie unter Techniken für WCAG 2.0 G18 (Abschnitt Ressourcen).

Hinweis

Einige der unter den Techniken für WCAG 2.0 G18 aufgeführten Tools können bei einer UWP-App nicht interaktiv verwendet werden. Möglicherweise müssen Sie die Farbwerte für den Vorder- und Hintergrund im Tool manuell eingeben, Bildschirmaufnahmen der App-Benutzeroberfläche anfertigen und dann das Kontrastverhältnistool für die Bildschirmaufnahme ausführen. Es kann auch erforderlich sein, dass Sie das Tool beim Öffnen der Quellbitmapdateien in einem Bildbearbeitungsprogramm ausführen, und nicht während des Ladens eines Bilds durch die App.

Überprüfen der App mit hohem Kontrast

Verwenden Sie die App mit einem Design mit hohem Kontrast, um sicherzustellen, dass alle UI-Elemente korrekt angezeigt werden. Der gesamte Text muss lesbar sein, und alle Bilder müssen deutlich zu erkennen sein. Passen Sie die XAML-Designverzeichnisressourcen oder Steuerelementvorlagen an, um durch Steuerelemente verursachte Designprobleme zu beheben. Wenn schwerwiegende Probleme mit hohem Kontrast nicht durch Designs oder Steuerelemente (z. B. durch Bilddateien) verursacht werden, stellen Sie separate Versionen bereit, die verwendet werden, wenn ein Design mit hohem Kontrast aktiv ist.

Überprüfen der App mit Anzeigeeinstellungen

Verwenden Sie die Systemanzeigeoptionen, die den DPI-Wert der Anzeige anpassen, und stellen Sie sicher, dass Ihre App-UI bei einer Änderung des DPI-Werts richtig skaliert wird. (Einige Benutzer ändern DPI-Werte als Barrierefreiheitsoption; sie ist wie auch Anzeigeeigenschaften unter Erleichterte Bedienung verfügbar.) Falls Sie Probleme feststellen, befolgen Sie die Richtlinien zur Layoutskalierung, und stellen Sie zusätzliche Ressourcen für unterschiedliche Skalierungsfaktoren bereit.

Überprüfen der wichtigsten App-Szenarien mit der Sprachausgabe

Verwenden Sie die Sprachausgabe, um die Bildschirmleseerfahrung für Ihre App zu testen.

Gehen Sie wie folgt vor, um Ihre App mithilfe der Sprachausgabe unter Verwendung von Maus und Tastatur zu testen:

  1. Starten Sie die Sprachausgabe, indem Sie die Windows-Logo-Taste + STRG + EINGABETASTE drücken. Verwenden Sie in Versionen vor Windows 10 Version 1607 die Windows-Logo-Taste + EINGABETASTE, um die Sprachausgabe zu starten.
  2. Navigieren Sie mit der Tastatur in Ihrer App, indem Sie die TAB-TASTE , die Pfeiltasten und die Feststelltaste+Pfeiltasten verwenden.
  3. Hören Sie sich an, wie die Sprachausgabe Elemente der Benutzeroberfläche vorliest, während Sie die App bedienen, und achten Sie auf Folgendes:
    • Achten Sie bei allen Steuerelementen darauf, dass die Sprachausgabe korrekt für alle sichtbaren Inhalte erfolgt. Stellen Sie zudem sicher, dass die Sprachausgabe jeweils den Namen, alle relevanten Zustände (aktiviert, ausgewählt usw.) und den Typ des Steuerelements (Schaltfläche, Kontrollkästchen, Listenelement usw.) vorliest.
    • Überprüfen Sie bei einem interaktiven Element, ob Sie dessen Aktion per Sprachausgabe aufrufen können, indem Sie FESTSTELL+EINGABE drücken.
    • Achten Sie bei Tabellen darauf, dass die Sprachausgabe den Tabellennamen, die Tabellenbeschreibung (falls verfügbar) und die Zeilen- und Spaltenüberschriften richtig vorliest.
  4. Drücken Sie FESTSTELL+UMSCHALT+EINGABE, um Ihre App zu durchsuchen und zu überprüfen, ob alle Steuerelemente in der Suchliste erscheinen und ob die Namen der Steuerelemente lokalisiert und lesbar sind.
  5. Schalten Sie den Monitor aus und versuchen Sie, die Hauptszenarien für Ihre App durchzuspielen, indem Sie nur Tastatur und Maus verwenden. Eine umfassende Liste aller Befehle und Tastenkombinationen erhalten Sie, indem Sie FESTSTELL+F1 drücken.

Ab Windows 10, Version 1607, wurde in der Sprachausgabe ein neuer Entwicklermodus eingeführt. Aktivieren Sie den Entwicklermodus, wenn die Sprachausgabe bereits ausgeführt wird, indem Sie Strg+Caps Lock +F12 drücken. Bei aktiviertem Entwicklermodus wird der Bildschirm maskiert, und es werden nur die zugänglichen Objekte und der dazugehörige Text hervorgehoben, der für die Sprachausgabe programmgesteuert verfügbar gemacht wird. So erhalten Sie eine gute visuelle Darstellung der Informationen, die für die Sprachausgabe verfügbar sind.

Gehen Sie wie folgt vor, um Ihre App mithilfe des Toucheingabemodus der Sprachausgabe zu testen:

Hinweis

Die Sprachausgabe wechselt auf Geräten, die mehr als 4 Kontakte unterstützen, automatisch in den Toucheingabemodus. Die Sprachausgabe unterstützt keine Szenarien mit mehreren Monitoren oder Digitalisierungsgeräte mit Multitouch auf dem Hauptbildschirm.

  1. Machen Sie sich mit der Benutzeroberfläche vertraut und nehmen Sie das Layout in Augenschein.

    • Navigieren Sie per Wischbewegung mit einem Finger durch die Benutzeroberfläche. Wischen Sie nach links oder rechts, um zwischen Elementen hin und her zu wechseln, und nach oben und unten, um die Kategorie der zu durchsuchenden Elemente zu ändern. Zu den Kategorien gehören alle Elemente, Links, Tabellen, Überschriften usw. Das Navigieren mit Wischgesten mit einem Finger ähnelt der Navigation mit Feststelltaste+Pfeil.
    • Navigieren Sie mit Tippbewegungen durch Elemente, die den Fokus erhalten können. Ein Wischen mit drei Fingern nach rechts oder links ist identisch mit der Navigation mit TAB und UMSCHALT + TAB auf einer Tastatur.
    • Überprüfen Sie die Benutzeroberfläche flächendeckend mit einem Finger. Führen Sie einen Finger nach oben und unten oder links und rechts, um sich von der Sprachausgabe die Elemente unter Ihrem Finger vorlesen zu lassen. Alternativ können Sie auch eine Maus dazu nutzen, da bei ihr dieselbe Zugriffstestlogik zum Einsatz kommt wie beim Ziehen Ihres Fingers.
    • Lassen Sie sich das ganze Fenster und alle Inhalte vorlesen, indem Sie mit drei Fingern eine Wischbewegung nach oben durchführen. Diese Bewegung entspricht der Tastenkombination FESTSTELL+W.

    Sollten wichtige Elemente der UI nicht erreichbar sein, liegt vielleicht ein Fehler bei der Barrierefreiheit vor.

  2. Interagieren Sie mit Steuerelementen, um deren primäre und sekundäre Aktionen und Bildlaufverhalten zu testen.

    Primäre Aktionen sind zum Beispiel die Aktivierung einer Schaltfläche, das Einfügen eines Caretzeichens und das Legen des Fokus auf das Steuerelement. Unter sekundäre Aktionen fallen z. B. Aktionen wie die Auswahl eines Listenelements oder das Erweitern einer Schaltfläche, die mehrere Optionen anbietet.

    • So testen Sie eine primäre Aktion: Doppeltippen oder mit einem Finger drücken und mit einem anderen tippen.
    • So testen Sie eine sekundäre Aktion: Dreimal Tippen oder mit einem Finger drücken und mit einem anderen doppeltippen.
    • So testen Sie das Bildlaufverhalten: Mit zwei Fingern eine Wischbewegung in die gewünschte Richtung durchführen.

    Einige Steuerelemente bieten zusätzliche Aktionen. Rufen Sie eine vollständige Liste auf, indem Sie mit vier Fingern einmal tippen.

    Sollte ein Steuerelement auf Maus- und Tastatureingaben, jedoch nicht auf eine primäre oder sekundäre Berührungsinteraktion reagieren, müssen für das Steuerelement unter Umständen zusätzliche Steuerungsmuster zur Benutzeroberflächenautomatisierung implementiert werden.

Erwägen Sie auch die Nutzung des EH-Viewer-Tools (EH-Viewer) zum Testen von Barrierefreiheitsszenarien in Verbindung mit der Sprachausgabe für die App. Im Thema zum EH-Viewer-Tool wird erläutert, wie EH-Viewer für das Testen von Szenarien in Verbindung mit der Sprachausgabe konfiguriert wird.

Untersuchen der Darstellung der Benutzeroberflächenautomatisierung für Ihre App

Einige der bereits erwähnten Tools zum Testen der Benutzeroberflächenautomatisierung ermöglichen eine Anzeige Ihrer App, bei der absichtlich nicht berücksichtigt wird, wie die App aussieht. Stattdessen wird die App als Struktur aus Benutzeroberflächenautomatisierungs-Elementen dargestellt. Mit diesem Verfahren interagieren Benutzeroberflächenautomatisierungs-Clients, vor allem Hilfstechnologien, mit der App in Barrierefreiheitsszenarien.

Das Tool EH-Viewer ermöglicht eine besonders interessante Anzeige der App, da Sie die Benutzeroberflächenautomatisierungs-Elemente entweder als visuelle Darstellung oder als Liste anzeigen können. Wenn Sie die Visualisierung verwenden, können Sie einen Drilldown zu den einzelnen Bestandteilen so durchführen, dass eine Korrelation mit der visuellen Darstellung der App-UI möglich ist. Sie können sogar die Barrierefreiheit Ihrer frühesten UI-Prototypen testen, bevor Sie der UI die gesamte Logik zugewiesen haben. So stellen Sie sicher, dass sich die visuelle Interaktion und die Navigation für Barrierefreiheitsszenarien der App im Gleichgewicht befinden.

Außerdem können Sie testen, ob in der Elementansicht der Benutzeroberflächenautomatisierung Elemente angezeigt werden, die dort nicht erscheinen sollen. Falls Sie Elemente finden, die aus der Ansicht entfernt werden sollen, oder falls Elemente fehlen, können Sie mithilfe der angefügten XAML-Eigenschaft AutomationProperties.AccessibilityView anpassen, wie XAML-Steuerelemente in Barrierefreiheitsansichten erscheinen. Nachdem Sie sich die grundlegenden Barrierefreiheitsansichten angesehen haben, ist dies ein guter Zeitpunkt für die erneute Überprüfung der Registerkartensequenzen oder der räumlichen Navigation mithilfe von Pfeiltasten. So können Sie sich vergewissern, dass Benutzer Zugang zu allen Teilbereichen haben, die interaktiv sind und in der Steuerungsansicht verfügbar gemacht werden.