Entwerfen inklusiver Software für Windows

  • Artikel

Erfahren Sie mehr über die Entwicklung des inklusiven Designs mit Windows-Apps für Windows. Entwerfen und erstellen Sie inklusive Software unter Berücksichtigung der Barrierefreiheit.

Microsoft entwickelt seine Designprinzipien und -verfahren kontinuierlich weiter. Diese informieren über Aussehen, Darstellung, Funktion und Verhalten unserer Umgebungen. Wir erweitern unsere Sichtweise.

Diese neue Designphilosophie heißt inklusives Design. Unser Ziel ist es, Software von Grund auf für alle Arten von Benutzern zu entwickeln. Dies steht im Gegensatz zu der Auffassung, dass Eingabehilfen erst am Ende des Entwicklungsprozesses erstellt werden, um die Anforderungen einer kleinen Gruppe von Benutzern zu erfüllen.

„Wir definieren eine Behinderung als den Konflikt zwischen den Anforderungen einer einzelnen Person und dem angebotenen Dienst, dem angebotenen Produkt oder der angebotenen Umgebung. Jeder Benutzer kann eine Behinderung erleiden. Es ist eine allgemeine menschliche Erfahrung, ausgeschlossen zu werden.“ - aus dem inklusiven Video

Mithilfe des inklusiven Designs werden bessere Produkte für alle erstellt. Es geht darum, die gesamte Bandbreite der menschlichen Vielfalt zu berücksichtigen. Denken Sie an die Bordsteinabsenkungen, die Sie jetzt in den Kreuzungsbereichen der meisten Bürgersteige finden. Diese sind eindeutig zur Verwendung durch Rollstuhlfahrer bestimmt. Aber jetzt werden sie von fast jedem verwendet, einschließlich Personen mit Kinderwägen, Radfahrern und Skateboardern. Sogar Fußgänger verwenden oft Bordsteinabsenkungen, da sie einfach vorhanden und komfortabel sind. Fernbedienungen könnten als Hilfstechnologie (Assistive Technology, AT) für Personen mit körperlichen Einschränkungen betrachtet werden. Es ist heute jedoch fast unmöglich, einen Fernseher ohne Fernbedienung zu kaufen. Bevor Kinder lernen, ihre Schuhe zuzubinden, können sie Schuhe zum Reinschlüpfen oder leicht zu schließende Schuhe tragen. Schuhe, die leicht an- und auszuziehen sind, werden häufig in Kulturen bevorzugt, in denen Schuhe vor dem Betreten eines Hauses ausgezogen werden. Sie sind auch besser für Personen mit Bewegungseinschränkungen an den Händen geeignet, etwa Personen mit Arthritis oder einem vorübergehend gebrochenen Handgelenk.

Grundlagen des inklusiven Designs

Die folgenden 4 Grundsätze gelten für den Wechsel von Microsoft zum inklusiven Design:

Think Universal (Universalität): Wir konzentrieren uns auf das, was Menschen verbindet – menschliche Motivationen, Beziehungen und Fähigkeiten. Dies spornt uns an, an die breiteren sozialen Auswirkungen unserer Arbeit zu denken. Das Ergebnis ist eine Umgebung, die zahlreiche Möglichkeiten bietet, damit alle Menschen teilnehmen können.

Make it personal (Personalisierung): Als Nächstes stellen wir uns der Herausforderung, emotionale Verbindungen herzustellen. Zwischenmenschliche Interaktionen können bessere Interaktionen zwischen Menschen und Technologien inspirieren. Die einzigartigen Umstände eines Menschen können ein Design für alle Menschen verbessern. Das Ergebnis ist eine Umgebung, die wirkt, als wäre sie nur für eine einzige Person entwickelt worden.

Keep it simple (Einfachheit): Einfachheit ist das alles verbindende Element. Wenn wir die Umgebung übersichtlicher gestalten, wissen Menschen, was sie als Nächstes tun müssen. Sie sind inspiriert, sich Bereiche zu erschließen, die aufgeräumt, hell und offen sind. Das Ergebnis ist eine ehrliche und zeitlose Umgebung.

Create delight (Begeisterung): Begeisternde Umgebungen rufen Staunen und Entdeckertum hervor. Manchmal ist es Magie. Manchmal ist es ein Detail, das einfach nur richtig ist. Wir entwerfen diese Momente, damit sie sich wie willkommene Änderungen des Tempos anfühlen. Das Ergebnis ist eine Umgebung, die Dynamik und Fluss besitzt.

Benutzer des inklusiven Designs

Es gibt im Wesentlichen zwei Arten von Benutzern von Hilfstechnologien (Assistive Technologies, AT):

  1. Personen, die diese aufgrund von Behinderungen oder Beeinträchtigungen, altersbezogenen Umständen oder vorübergehenden Umständen (beispielsweise aufgrund eines gebrochenen Arms oder Beins) benötigen
  2. Personen, die diese aus Präferenzgründen verwenden, da sie ein komfortableres oder bequemeres Computererlebnis bieten

Die Mehrzahl der Computerbenutzer (54 Prozent) kennen irgendeine Art von Hilfstechnologie, und 44 Prozent der Computerbenutzer verwenden Hilfstechnologien. Viele von diesen verwenden jedoch keine Hilfstechnologien, die ihnen Vorteile bieten würden (Forrester 2004).

Eine 2003-2004 von Microsoft in Auftrag gegebene und von Forrester Research durchgeführte Studie ergab, dass mehr als die Hälfte – 57 Prozent – der Computerbenutzer im USA zwischen 18 und 64 Jahren von Hilfstechnologien profitieren könnten. Die Mehrzahl dieser Benutzer gab zwar keine Behinderungen oder Beeinträchtigungen, jedoch bestimmte aufgabenbezogene Schwierigkeiten oder Beeinträchtigungen bei der Verwendung von Computern an. Forrester (2003) ermittelte darüber hinaus die folgenden Zahlen für Benutzer mit spezifischen Schwierigkeiten: Einer von vier Benutzern hat Schwierigkeiten beim Sehen. Einer von vier Benutzern hat Schmerzen in Handgelenken oder Händen. Einer von fünf Benutzern hat Schwierigkeiten beim Hören.

Abgesehen von permanenten Behinderungen können Schwere und Art der Schwierigkeiten, die eine Person hat, während ihres Lebens unterschiedlich sein. Es gibt keine „normalen“ Menschen. Unsere Fähigkeiten unterliegen ständigen Veränderungen. Margaret Meade sagte einmal: „Wir sind alle einzigartig. Diese Einzigartigkeit ist uns allen gemeinsam.“

Microsoft engagiert sich in der Forschung auf den Gebieten Computerwissenschaften und Softwareentwicklung, um das Computererlebnis zu optimieren und neuartige Computertechnologien zu erfinden. Weitere Informationen finden Sie unter Aktuelle Microsoft-Forschungs- und Entwicklungsprojekte. Diese haben das Ziel, Computer leichter zugänglich zu machen, den visuellen und auditiven Zugang zu Computern zu vereinfachen und Interaktionen mit Computern zu erleichtern.

Praktische Designschritte

Wenn Sie dabei sind, ist dieser Abschnitt für Sie gedacht. Es werden Designschritte für die Praxis beschrieben, die Sie bei der Implementierung des inklusiven Designs für Ihre App beachten sollten.

Beschreiben Sie die Zielgruppe

Definieren Sie die potenziellen Benutzer Ihrer App. Denken Sie an all die unterschiedlichen Fähigkeiten und Merkmale, die diese haben. Beispiele sind Alter, Geschlecht, Sprache, Gehörlosigkeit oder Schwerhörigkeit, Sehschwächen, kognitive Fähigkeiten, Lernweise, Mobilitätseinschränkungen usw. Erfüllt Ihr Design ihre individuellen Anforderungen?

Sprechen Sie mit Menschen mit spezifischen Bedürfnissen

Treffen Sie sich mit potenziellen Benutzern, die unterschiedliche Merkmale aufweisen. Stellen Sie sicher, dass Sie all ihre Bedürfnisse berücksichtigen, wenn Sie Ihre App entwerfen. Microsoft hat beispielsweise festgestellt, dass gehörlose Benutzer die Popupbenachrichtigungen auf ihren Xbox-Konsolen deaktivieren. Als wir gehörlose Benutzer dazu befragten, erfuhren wir, dass die Popupbenachrichtigungen einen Untertitelungsabschnitt verdecken. Dies wurde behoben, indem die Popups etwas weiter oben im Bildschirm angezeigt werden. Dies ist eine einfache Lösung, die auf der Basis der Telemetriedaten, die das Verhalten ursprünglich anzeigten, nicht notwendigerweise offensichtlich war.

Wählen Sie das Entwicklungsframework überlegt aus

In der Entwurfsphase ist das von Ihnen verwendete Entwicklungsframework (d. h. UWP, Win32, Web) von kritischer Bedeutung für die Entwicklung Ihres Produkts. Wenn Sie das Framework auswählen können, denken Sie darüber nach, wie viel Aufwand das Erstellen Ihrer Steuerelemente innerhalb des Frameworks verursachen wird. Welche standardmäßigen oder integrierten Eigenschaften in Bezug auf Barrierefreiheit stellt das Framework bereit? Welche Steuerelemente müssen Sie anpassen? Bei der Wahl Ihres Frameworks entscheiden Sie im Wesentlichen darüber, wie viele der für eine barrierefreie App benötigten Steuerelemente Sie ohne Aufwand erhalten (d. h., wie viele dieser Steuerelemente bereits integriert sind), und wie viele Steuerelemente aufgrund von Steuerelementanpassungen zusätzlichen Entwicklungsaufwand erfordern.

Verwenden Sie Windows-Standardsteuerelemente, wann immer möglich. Diese Steuerelemente verfügen bereits über die Technologie, die für die Schnittstellenbildung mit Hilfstechnologien erforderlich ist.

Entwerfen Sie eine logische Hierarchie für Ihre Steuerelemente

Wenn Sie das Framework ausgewählt haben, sollten Sie eine logische Hierarchie entwerfen, um Ihre Steuerelemente zu planen. Die logische Hierarchie Ihrer App enthält das Layout und die Aktivierreihenfolge der Steuerelemente. Wenn Programme für Hilfstechnologien (Assistive Technology, AT) wie die Sprachausgabe Ihre Benutzeroberfläche lesen, ist eine visuelle Darstellung nicht ausreichend. Sie müssen eine programmbasierte Alternative bereitstellen, die für Ihre Benutzer strukturell sinnvoll ist. Eine logische Hierarchie kann Ihnen dabei helfen. Dies ist eine Möglichkeit, das Layout Ihrer Benutzeroberfläche zu untersuchen und die einzelnen Elemente so zu strukturieren, dass Benutzer sie verstehen können. Eine logische Hierarchie wird hauptsächlich zu folgenden Zwecken verwendet:

  1. Um Programmen Kontext für die logische Reihenfolge (Lesereihenfolge) der Elemente in der Benutzeroberfläche bereitzustellen
  2. Um klare Grenzen zwischen benutzerdefinierten Steuerelementen und Standardsteuerelemente in der Benutzeroberfläche festzulegen
  3. Um zu bestimmen, wie die Teile der Benutzeroberfläche miteinander interagieren

Eine logische Hierarchie ist eine hervorragende Möglichkeit, potenzielle Bedienungsprobleme zu behandeln. Wenn Sie die Benutzeroberfläche nicht auf eine relativ einfache Weise strukturieren können, haben Scherweise Probleme mit der Bedienbarkeit. Die logische Darstellung eines einfaches Dialogfelds sollte nicht zu mehreren Seiten mit Diagrammen führen. Wenn logische Hierarchien zu detailliert oder umfassend werden, müssen Sie Ihre Benutzeroberfläche möglicherweise neu entwerfen. Um weitere Informationen zu erhalten, laden Sie das E-Book Engineering Software for Accessibility (Entwickeln von barrierefreier Software) herunter.

Entwerfen Sie geeignete Einstellungen für die visuelle Benutzeroberfläche

Stellen Sie während des Entwerfen der visuellen Benutzeroberfläche sicher, dass Ihr Produkt über eine Einstellung für hohen Kontrast verfügt, die Standard-Systemschriftarten und -Glättungsoptionen verwendet, auf die korrekten DPI-Bildschirmeinstellungen skaliert, über Standardtext mit einem Kontrastverhältnis von mindestens 5:1 zum Hintergrund verfügt und Farbkombination verwendet, die von Benutzern mit Farbsehschwächen leicht zu unterscheiden sind.

Einstellung für hohen Kontrast

Eines der in Windows integrierten Features für Barrierefreiheit ist der Modus für hohen Kontrast, der den Farbkontrast von Texten und Bildern verstärkt. Bei manchen Personen führt ein erhöhter Farbkontrast zu einer Reduzierung der Belastung für die Augen und einer besseren Lesbarkeit. Wenn Sie Ihre Benutzeroberfläche im Modus für hohen Kontrast überprüfen, sollten Sie prüfen, ob Steuerelemente wie beispielsweise Links konsistent und mit Systemfarben (nicht mit hartcodierten Farben) codiert wurden, um zu gewährleisten, dass alle Steuerelemente auf dem Bildschirm angezeigt werden, die ein Benutzer sehen würde, der den hohen Kontrast nicht verwendet.

Einstellungen für Systemschriftarten

Um die Lesbarkeit sicherzustellen und unerwartete Verzerrungen des Texts zu minimieren, sollten Sie darauf achten, dass Ihr Produkt stets die Standard-Systemschriftarten und die Antialiasing- und Glättungsoptionen verwendet. Wenn Ihr Produkt benutzerdefinierte Schriftarten verwendet, erfahren Benutzer möglicherweise erhebliche Probleme mit der Lesbarkeit und Verzerrungen, wenn sie die Darstellung der Benutzeroberfläche anpassen (beispielsweise durch die Verwendung einer Sprachausgabe oder anderer Schriftschnitte zur Anzeige Ihrer Benutzeroberfläche).

Hohe DPI-Auflösungen

Für Benutzer mit Sehschwächen ist es wichtig, dass die Benutzeroberfläche skalierbar ist. In Benutzeroberflächen, die bei hohen DPI-Auflösungen (dots per inch, Punkte pro Zoll) nicht ordnungsgemäß skaliert werden, überschneiden sich wichtige Komponenten möglicherweise oder überdecken andere Komponenten, sodass auf diese nicht mehr zugegriffen werden kann.

Farbkontrastverhältnis

Die aktualisierte Fassung des Abschnitts 508 des Americans with Disability Act (ADA) und andere Gesetze erfordern, dass das Farbkontrastverhältnis zwischen Text und Hintergrund mindestens 5:1 betragen muss. Für großen Text (Schriftgrößen mit 18 Punkt oder 14 Punkt und fett) beträgt das erforderliche Kontrastverhältnis 3:1.

Farbkombinationen

Ungefähr 7 Prozent der Männer (und weniger als 1 Prozent der Frauen) weisen eine Farbsehschwäche auf. Benutzer mit Farbenblindheit haben Probleme bei der Unterscheidung zwischen bestimmten Farben. Es ist daher wichtig, dass niemals nur Farben verwendet werden, um Status oder Bedeutung in einer Anwendung zu vermitteln. Für dekorative Bilder (wie Symbole oder Hintergründe) sollten Farbkombinationen so gewählt werden, dass die Wahrnehmung des Bilds durch den farbenblinden Benutzer maximiert wird. Wenn Sie Ihre Benutzeroberfläche von Anfang an unter Berücksichtigung dieser Empfehlungen zur Farbgestaltung entwerfen, macht Ihre App bereits wichtige Fortschritte in Richtung eines inklusiven Designs.

Zusammenfassung – sieben Schritte für inklusives Design

Befolgen Sie diese sieben Schritte, um sicherzustellen, dass Ihre Software inklusiv ist.

  1. Entscheiden Sie zunächst, ob ein inklusives Design ein wichtiger Aspekt Ihrer Software ist. Wenn dies der Fall ist, informieren Sie sich darüber, wie sie Benutzern in der Praxis helfen kann, zu leben, zu arbeiten und zu spielen, um Anleitungen für Ihr Design zu erhalten.
  2. Verwenden Sie wenn möglich die Steuerelemente, die Ihr Framework Ihnen bereitstellt (d. h. Standardsteuerelemente), während Sie Lösungen für Ihre Anforderungen entwickeln, und vermeiden Sie unnötigen Aufwand und unnötige Kosten, um benutzerdefinierte Steuerelemente zu entwickeln.
  3. Entwerfen Sie eine logische Hierarchie für Ihr Produkt, und legen Sie fest, an welchen Stellen sich Standardsteuerelemente, mögliche benutzerdefinierte Steuerelemente und der Tastaturfokus in der Benutzeroberfläche befinden.
  4. Integrieren Sie nützliche Systemeinstellungen (z. B. Tastaturnavigation, hohen Kontrast und hohe DPI-Auflösung) in Ihr Produkt.
  5. Implementieren Sie Ihren Entwurf mithilfe des Microsoft-Entwicklerhubs für Barrierefreiheit und der Barrierefreiheitsspezifikation Ihres Frameworks als Referenzpunkt.
  6. Testen Sie Ihr Produkt mit Benutzern mit speziellen Bedürfnissen, um sicherzustellen, dass diese das von Ihnen implementierte inklusive Design nutzen können.
  7. Stellen Sie das fertige Produkt bereit, und dokumentieren Sie Ihre Implementierung für Personen, die möglicherweise nach Ihnen am Projekt arbeiten.