Teilen über

Entwickeln von barrierefreien Windows-Apps

  • Artikel

In diesem Artikel wird erläutert, wie Barrierefreie Windows-Apps entwickelt werden. Insbesondere wird davon ausgegangen, dass Sie verstehen, wie Sie die logische Hierarchie für Ihre App entwerfen. Erfahren Sie, wie Sie barrierefreie Windows-Apps entwickeln, die Tastaturnavigation, Farb- und Kontrasteinstellungen und Unterstützung für Hilfstechnologien umfassen.

Wenn Sie dies noch nicht getan haben, lesen Sie bitte das Entwerfen inklusiver Software.

Es gibt drei Dinge, die Sie tun sollten, um sicherzustellen, dass Ihre App barrierefrei ist:

  1. Machen Sie Ihre UI-Elemente für den programmgesteuerten Zugriff verfügbar.
  2. Stellen Sie sicher, dass Ihre App die Tastaturnavigation für Personen unterstützt, die keine Maus oder einen Touchscreen verwenden können.
  3. Stellen Sie sicher, dass Ihre App barrierefreie Farb- und Kontrasteinstellungen unterstützt.

Programmgesteuerter Zugriff

Der programmgesteuerte Zugriff ist für die Erstellung von Barrierefreiheit in Apps von entscheidender Bedeutung. Dies wird erreicht, indem sie den Namen (erforderlich) und die Beschreibung (optional) für Inhalte und interaktive UI-Elemente in Ihrer App festlegen. Dadurch wird sichergestellt, dass UI-Steuerelemente für Hilfstechnologien (AT) wie Bildschirmsprachausgaben (z. B. Sprachausgabe) oder alternative Ausgabegeräte (z. B. Braille-Displays) verfügbar gemacht werden. Ohne programmgesteuerten Zugriff können die APIs für Hilfstechnologien keine Informationen richtig interpretieren, sodass der Benutzer die Produkte nicht ausreichend verwenden kann oder die AT gezwungen wird, nicht dokumentierte Programmierschnittstellen oder Techniken zu verwenden, die nie als Barrierefreiheitsschnittstelle verwendet werden sollen. Wenn Benutzeroberflächensteuerelemente für Hilfstechnologien verfügbar gemacht werden, kann at bestimmen, welche Aktionen und Optionen für den Benutzer verfügbar sind.

Weitere Informationen dazu, wie Sie Ihre App-UI-Elemente für Hilfstechnologien (AT) verfügbar machen, finden Sie unter Verfügbarmachen grundlegender Informationen zur Barrierefreiheit.

Tastaturnavigation

Für Benutzer, die blind sind oder Probleme mit der Mobilität haben, ist die Navigation auf der Benutzeroberfläche mit einer Tastatur äußerst wichtig. Allerdings sollten nur die UI-Steuerelemente, die eine Benutzerinteraktion erfordern, den Tastaturfokus erhalten. Komponenten, die keine Aktion erfordern, z. B. statische Bilder, benötigen keinen Tastaturfokus.

Es ist wichtig zu beachten, dass die Tastaturnavigation im Gegensatz zur Navigation mit einer Maus oder Toucheingabe linear ist. Überlegen Sie bei der Tastaturnavigation, wie Ihr Benutzer mit Ihrem Produkt interagiert und was die logische Navigation sein wird. In westlichen Kulturen lesen die Menschen von links nach rechts, von oben nach unten. Daher ist es üblich, dieses Muster für die Tastaturnavigation zu befolgen.

Überprüfen Sie beim Entwerfen der Tastaturnavigation Ihre Benutzeroberfläche, und überlegen Sie sich die folgenden Fragen:

  • Wie sind die Steuerelemente angeordnet oder in der Benutzeroberfläche gruppiert?
  • Gibt es ein paar erhebliche Steuerelementgruppen?
    • Falls ja, enthalten diese Gruppen eine andere Ebene von Gruppen?
  • Sollte die Navigation zwischen Peersteuerelementen oder über eine spezielle Navigation (z. B. Pfeiltasten) oder beides erfolgen?

Das Ziel ist es, dem Benutzer zu helfen, zu verstehen, wie die Benutzeroberfläche ausgelegt ist, und die Steuerelemente zu identifizieren, die aktionenfähig sind. Wenn Sie erkennen, dass zu viele Tabstopps vorhanden sind, bevor der Benutzer die Navigationsschleife abgeschlossen hat, können Sie in Betracht ziehen, verwandte Steuerelemente gemeinsam zu gruppieren. Einige Steuerelemente, die im Zusammenhang stehen, z. B. ein Hybridsteuerelement, müssen möglicherweise in dieser frühen Erkundungsphase behandelt werden. Nachdem Sie mit der Entwicklung Ihres Produkts begonnen haben, ist es schwierig, die Tastaturnavigation zu überarbeiten, also planen Sie sorgfältig und planen Sie frühzeitig!

Weitere Informationen zur Tastaturnavigation zwischen UI-Elementen finden Sie unter Barrierefreiheit der Tastatur.

Außerdem verfügt das eBook "Engineering Software for Accessibility " über ein hervorragendes Kapitel zu diesem Thema mit dem Titel "Design the Logical Hierarchy".

Farbe und Kontrast

Eine der integrierten Barrierefreiheitsfeatures in Windows ist der Modus "Hoher Kontrast", der den Farbkontrast von Text und Bildern auf dem Computerbildschirm erhöht. Für einige Personen reduziert das Erhöhen des Kontrasts in Farben die Augenbelastung und erleichtert das Lesen. Wenn Sie die Benutzeroberfläche mit hohem Kontrast überprüfen, sollten Sie überprüfen, ob Steuerelemente konsistent und mit Systemfarben (nicht mit hartcodierten Farben) codiert wurden, um sicherzustellen, dass alle Steuerelemente auf dem Bildschirm angezeigt werden können, die ein Benutzer nicht mit hohem Kontrast sehen würde.

XAML

<Button Background="{ThemeResource ButtonBackgroundThemeBrush}">OK</Button>

Weitere Informationen zur Verwendung von Systemfarben und Ressourcen finden Sie unter XAML-Designressourcen.

Solange Sie keine Systemfarben außer Kraft setzen, unterstützt eine UWP-App standardmäßig Designs mit hohem Kontrast. Wenn ein Benutzer ausgewählt hat, dass das System ein Design mit hohem Kontrast aus Systemeinstellungen oder Barrierefreiheitstools verwenden soll, verwendet das Framework automatisch Farben und Stileinstellungen, die ein Layout mit hohem Kontrast und Rendering für Steuerelemente und Komponenten in der Benutzeroberfläche erzeugen.

Weitere Informationen finden Sie unter Designs mit hohem Kontrast.

Wenn Sie sich entschieden haben, anstelle von Systemfarben ein eigenes Farbdesign zu verwenden, beachten Sie die folgenden Richtlinien:

Farbkontrastverhältnis – Der aktualisierte Abschnitt 508 des Americans with Disability Act sowie andere Rechtsvorschriften erfordern, dass der Standardfarbkontrast zwischen Text und Hintergrund 5:1 sein muss. Bei großem Text (Schriftgrade von 18 Punkt oder 14 Punkt und fett formatiert) ist der erforderliche Standardkontrast 3:1.

Farbkombinationen – Etwa 7 Prozent der Männer (und weniger als 1 Prozent der Frauen) haben eine Form des Farbmangels. Benutzer mit Farbenblindheit haben Probleme bei der Unterscheidung zwischen bestimmten Farben, daher ist es wichtig, dass Farbe allein nie verwendet wird, um Status oder Bedeutung in einer Anwendung zu vermitteln. Was dekorative Bilder betrifft (z. B. Symbole oder Hintergründe), sollten Farbkombinationen so gewählt werden, dass die Wahrnehmung des Bilds durch farbenblinde Benutzer maximiert wird.

Prüfliste für die Barrierefreiheit

Nachfolgend sehen Sie eine abgekürzte Version der Checkliste für die Barrierefreiheit:

  1. Legen Sie den Namen (erforderlich) und die Beschreibung (optional) für Inhalte und interaktive UI-Elemente in Ihrer App fest.
  2. Implementieren Sie Barrierefreiheit für den Tastaturzugriff.
  3. Schauen Sie sich die Benutzeroberfläche an, um sicherzustellen, dass der Textkontrast ausreicht, Elemente in Designs mit hohem Kontrast richtig dargestellt werden und Farben korrekt verwendet werden.
  4. Führen Sie Tools zum Testen der Barrierefreiheit aus. Behandeln Sie gemeldete Probleme und überprüfen Sie die Qualität der Sprachausgabe. (Siehe Thema "Barrierefreiheitstests".)
  5. Stellen Sie sicher, dass Ihre App-Manifesteinstellungen den Richtlinien für die Barrierefreiheit entsprechen.
  6. Deklarieren Sie Ihre App im Microsoft Store als barrierefrei. (Siehe Barrierefreiheit im Store-Thema .)

Weitere Details finden Sie im vollständigen Thema der Checkliste für die Barrierefreiheit.