Entwerfen barrierefreier Websites

  • Artikel

Erstellen Sie ein Webseitendesign, das von allen Personen verwendet werden kann, unabhängig von Maus- oder Tastaturpräferenz, Alter, Bildung, geografischem Standort, Sprache oder Behinderung.

Personen mit Technologie und Surfen im Web haben eine Vielzahl von Fähigkeiten und Vorlieben. Beachten Sie beim Entwerfen Ihrer Website die folgenden wichtigen Barrierefreiheitsszenarien.

Sprachausgaben

Blinde oder sehbehinderte Benutzer verlassen sich auf Sprachausgaben, um die Benutzeroberfläche Ihrer App zu interpretieren und damit zu interagieren. Das Interpretieren umfasst das Lesen der Namen, Rollen und Werte von Ui-Elementen. Die Interaktion mit der Benutzeroberfläche umfasst das Verschieben des Fokus von einem Element zu einem anderen und das Aufrufen von Funktionen, z. B. das Klicken auf ein UI-Element.

Tastaturzugriff

Viele Benutzer der Barrierefreiheit verlassen sich auf die Tastatur, um auf der Benutzeroberfläche wie folgt zu navigieren und zu bedienen:

  • Verschieben des Fokus zwischen Elementen durch Drücken der TAB-TASTE oder UMSCHALT+TAB-TASTE .

  • Navigieren in Containerelementen wie Listen, Rastern und Strukturansichten mithilfe der Pfeiltasten.

  • Aufrufen von Aktionen durch Drücken der EINGABETASTE oder LEERTASTE.

  • Verwenden von Tastenkombinationen, um effizient auf andere App-Funktionen zuzugreifen.

Barrierefreie visuelle Benutzeroberfläche

Benutzer mit geringer Sehkraft benötigen ein ausreichendes Textkontrastverhältnis für Textinhalte und insgesamt eine gute visuelle Erfahrung mit Designs mit hohem Kontrast. Benutzer, die farbenblind sind, benötigen Informationen auf andere Weise als durch Farbe vermittelt werden.

Viele häufige Probleme mit der Barrierefreiheit im Web können durch gute Programmierpraxis gelöst werden. Die Dokumentation web content accessibility guidelines (WCAG) 2.0 (Web Content Accessibility Guidelines) enthält Techniken und bewährte Methoden, mit denen Sie barrierefreiere dynamische Webanwendungen entwerfen können. Weitere Informationen findest du unter Ressourcen zum Erstellen barrierefreier Websites.

Ressourcen

  • Designing for Inclusion : Designing for Inclusion by the W3C Web Accessibility Initiative bietet Ressourcen, die Ihnen helfen, Benutzer mit Behinderungen besser zu verstehen und wie Sie Ihre Website im Hinblick auf sie entwerfen können.

  • Entwerfen von inklusiver Software: Entwerfen von inklusiver Software behandelt Microsoft-Entwurfsprinzipien und -methoden für die Universelle Windows-Plattform (UWP).

  • Wie Personen mit Behinderungen das Web verwenden: Diese Ressource des W3C führt ein, wie Menschen mit Behinderungen, einschließlich Menschen mit altersbedingten Beeinträchtigungen, das Web nutzen.

  • Inclusive Design Toolkit : Microsoft hat das Inclusive Design Toolkit entwickelt, um zu zeigen, wie menschliche Vielfalt bessere Designeinschränkungen schaffen kann und wie scheinbar Nischenlösungen mit breiteren Märkten verbunden werden können.