Barrierefreiheit mit JavaScript und HTML

Barrierefreiheit für Windows-Runtime-Apps mit JavaScript und HTML

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation]

In diesem Thema wird die Unterstützung der in der Windows-Runtime enthaltenen Barrierefreiheit bei der Entwicklung einer Windows-Runtime-App mit JavaScript beschrieben und erläutert, wie Sie beim Erstellen einer barrierefreien Windows-Runtime-App mit JavaScript von dieser Unterstützung profitieren.

Suchen Sie nach der C#/VB/C++-Version dieses Themas? Informationen hierzu finden Sie unter Barrierefreiheit für Windows-Runtime-Apps mit C#/VB/C++ und XAML.

Die Themen in diesem Abschnitt richten sich an Entwickler, die mit HTML, Cascading Stylesheets (CSS) und JavaScript vertraut sind.

Die Unterstützung der Barrierefreiheit ist in Windows-Runtime und speziell in die Entwicklungsprozesse und Laufzeitumgebung für Windows-Runtime-Apps mit JavaScript integriert. Da der Windows Runtime Host eine App-UI rendert, werden die in der App und im unterstützenden Code definierten Informationen zur Barrierefreiheit über Microsoft UI Automation (die Microsoft-API für Barrierefreiheit) verfügbar gemacht und Hilfstechnologietools wie der Sprachausgabe zur Verfügung gestellt. Dies umfasst auch die Hilfstechnologietools, die in Windows selbst verfügbar sind.

Verfügbarmachen von Barrierefreiheitsinformationen für Windows Store-Apps mit JavaScript

Das Bereitstellen von grundlegenden Informationen als Teil einer Windows-Runtime-App mit JavaScript ist ganz einfach. Die Markupsprache ist HTML, und es gibt viele etablierte Standards, Techniken und Technologien, die ihren Beitrag zur Verfügbarmachung von HTML-Inhalt geleistet haben. Dies gilt unabhängig davon, wie HTML jeweils von einer Windows-Runtime-App genutzt wird. Die Unterstützung der Barrierefreiheit für eine Windows-Runtime-App mit JavaScript baut auf dieser Grundlage auf, und zusätzlich werden eigene Features und Techniken zur Erreichung der Barrierefreiheit hinzugefügt. Da der Zugriff auf alle HTML-Tags und die Steuerelemente für die Microsoft-Windows-Bibliothek für JavaScript bereits möglich ist, müssen zum Implementieren der Barrierefreiheit in Windows-Runtime-Apps mit JavaScript in der Regel nur ein paar HTML-Attribute festgelegt werden.

Diese Dokumentation konzentriert sich auf das Markup und den Code, das bzw. den Entwickler implementieren müssen, damit die folgenden wesentlichen Barrierefreiheitsszenarien unterstützt werden.

  • Sprachausgabe – Blinde oder sehbehinderte Benutzer sind von der Sprachausgabe abhängig, um die UI Ihrer App interpretieren und damit interagieren zu können. Das Interpretieren beinhaltet die Sprachausgabe für Namen, Rollen, Werte und andere Aspekte der UI-Elemente, und das Interagieren mit der UI umfasst das Bewegen des Fokus von einem Element zum anderen sowie das Aufrufen von App-Funktionalitäten.
  • Tastaturbarrierefreiheit – Viele Benutzer der Barrierefreiheit sind von der Tastatur abhängig, um mit folgenden Aktionen durch die UI navigieren und diese bedienen zu können:
    • Bewegen des Fokus zwischen Elementen mithilfe der TAB-TASTE.
    • Navigieren in Containerelementen wie Listen, Rastern und Strukturansichten mithilfe der Pfeiltasten
    • Aktivieren der Funktionalität (Funktionsaufruf) mithilfe der EINGABETASTE oder der LEERTASTE
    • Verwenden von Tastenkombinationen zum effektiven Zugreifen auf andere App-Funktionen
  • Barrierefreie visuelle Darstellung – Sehbehinderte Benutzer benötigen für Textinhalte ein ausreichendes Textkontrastverhältnis und eine durchgängig gute visuelle Darstellung durch Designs mit hohem Kontrast. Für farbenblinde Benutzer müssen Informationen auf andere Art als über Farbe vermittelt werden.

Während Sie Ihre App an den Windows Store übermitteln, können Sie sie als barrierefrei deklarieren. Wenn Sie Ihre App als barrierefrei deklarieren, kann sie von Benutzern, die an barrierefreien Apps interessiert sind (z. B. Benutzer mit Sehschwächen), leichter gefunden werden. Die Themen in diesem Abschnitt sollen Sie beim Umsetzen der Richtlinien für Barrierefreiheit unterstützen, damit Sie Ihre App als barrierefrei deklarieren können.

Hinweis  Das Ausweisen der App als barrierefrei ist nur für den Windows Store relevant.

Inhalt dieses Abschnitts

Weitere Ressourcen

  • ARIA-Beispiel – In dieser Beispiel-App wird veranschaulicht, wie ARIA (Accessible Rich Internet Applications)-Kennzeichen verwendet werden, um eine Windows Store-App vollständig zugänglich zu machen.
  • WAI-ARIA-Referenz – Auf dieser Seite der offiziellen WAI-ARIA-Spezifikation (Web Accessibility Initiative – Accessible Rich Internet Applications) des World Wide Web Consortium (W3C) finden Sie Links zu Referenzinformationen zu allen ARIA-Rollen, -Status und Eigenschaften.
  • WAI-ARIA-Erstellungsmethoden – Auf dieser Seite finden Sie Beschreibungen von Tastaturinteraktionen und eine Aufstellung der relevanten WAI-ARIA-Rollen, -Status und Eigenschaften für eine Auswahl an Widgets und Strukturen.
  • HTML5-Spezifikation – Dies ist die offizielle HTML5-Spezifikation des W3C, die WAI-ARIA einschließt, das nun Teil des HTML5-Standards ist.
  • OpenAjax-Beispiele für Barrierefreiheit – Diese Website ist ein großartiges Hilfsmittel zur Überprüfung der Regeln für WAI-ARIA und HTML5. Sie enthält außerdem eine Reihe von Beispielen für WAI-ARIA-Implementierungen.

Verwandte Themen

Barrierefreiheit für Windows-Runtime-Apps mit C#/VB/C++ und XAML
Barrierefreiheit für Windows-Runtime-Apps

 

 

Anzeigen:
© 2017 Microsoft