Hinweis
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, sich anzumelden oder das Verzeichnis zu wechseln.
Für den Zugriff auf diese Seite ist eine Autorisierung erforderlich. Sie können versuchen, das Verzeichnis zu wechseln.
Barrierefreie Add-Ins funktionieren für jeden – Personen, die Sprachausgaben verwenden, über die Tastatur navigieren, sich auf hohen Kontrast verlassen oder per Toucheingabe interagieren. Bauen mit Barrierefreiheit von Anfang an verbessert die Benutzerfreundlichkeit für alle Ihre Benutzer und erweitert den Markt für Ihre Lösungen.
Die Web Content Accessibility Guidelines (WCAG) sind die internationalen Standards, die definieren, was für den Zugriff auf Ihr Add-In erforderlich ist. Wir empfehlen Ihnen, sich mit ihnen vertraut zu machen, bevor Sie mit dem Erstellen beginnen.
- Web Content Accessibility Guidelines (WCAG) 2.2
- Web Content Accessibility Guidelines (WCAG) 3.0 (Vorschau)
- WCAG-Standards und -Ressourcen
- W3C WAI-Tutorials
- Schulungsmodul zu Webbarrierefreiheitsprinzipien und -richtlinien auf Microsoft Learn (17-minütige Übersicht)
Entwerfen für mehrere Eingabemethoden
Ihr Add-In sollte Tastatur-, Touch- und Mauseingaben unterstützen, sodass jeder Benutzer unabhängig von seinen Geräten oder Fähigkeiten mit dem Add-In interagieren kann.
- Stellen Sie sicher, dass Benutzer alle Vorgänge nur mithilfe von Tastaturinteraktionen ausführen können. Benutzer sollten in der Lage sein, jedes umsetzbare Element auf der Seite zu erreichen, indem sie eine Kombination aus TAB - und Pfeiltasten verwenden.
- Auf mobilen Geräten sollte Ihr Add-In nützliches Audiofeedback bereitstellen, wenn Benutzer Steuerelemente per Toucheingabe bedienen.
- Behalten Sie eine logische Lese- und Navigationsreihenfolge in der DOM- oder UI-Struktur bei.
- Stellen Sie sicher, dass alle interaktiven Elemente ihren Namen, ihre Rolle und ihren Status für Hilfstechnologien verfügbar machen, indem Sie geeignete ARIA-Bezeichnungen verwenden.
Gestalten Sie das Add-In benutzerfreundlich.
Ein vorhersagbares Verhalten und klares Feedback helfen allen Benutzern zu verstehen, was in Ihrem Add-In passiert.
- Verlassen Sie sich nicht nur auf Sound, um Benutzer auf wichtige Informationen zu warnen.
- Verlassen Sie sich nicht allein auf Farbe, Form, Größe oder visuelle Position, um Bedeutung oder Anweisungen zu vermitteln.
- Sie benötigen keine komplexen Gesten (Ziehen, Multitouch, zeitgesteuerte Bewegung), ohne einfachere Alternativen bereitzustellen.
- Verwalten Sie den Fokus sorgfältig. Verschieben Sie den Fokus nicht auf ein anderes Element, es sei denn, der Benutzer initiiert die Änderung. Eine Anleitung finden Sie unter Navigationsmuster für Office-Add-Ins.
- Bieten Sie eine Möglichkeit zum Überprüfen, Bestätigen oder Rückgängigmachen aller Bindungsaktionen.
- Erzwingen Sie kein Zeitlimit für Benutzeraktionen.
Gestalten Sie das Add-In gut sichtbar.
Ein klares visuelles Design und ein ausreichender Kontrast stellen sicher, dass Benutzer mit sehbehinderten oder farbenblinden Farben Ihre Benutzeroberfläche lesen und verstehen können.
- Vermeiden Sie unerwartete Farbänderungen.
- Stellen Sie aussagekräftige, zeitnahe Beschreibungen für Benutzeroberflächenelemente, Titel, Überschriften, Eingaben und Fehler bereit. Stellen Sie sicher, dass Steuerelementnamen die Absicht des Steuerelements eindeutig beschreiben.
- Vergewissern Sie sich, dass Ihre UI-Elemente in allen vier in Windows integrierten Kontrastdesigns ordnungsgemäß gerendert werden: Wasser, Wüste, Dämmerung und Nachthimmel. Wechseln Sie zum Testen zu Windows-Einstellungen>Barrierefreiheit>Kontrastdesigns, wählen Sie jedes Design aus, und überprüfen Sie, ob alle Texte, Schaltflächen, Links und anderen UI-Elemente in Ihrem Add-In sichtbar sind und ausreichend Kontrast aufweisen.
- Befolgen Sie die WCAG-Farbkontrastrichtlinien. Es wird ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text angestrebt.
Sicherstellen, dass Auf Inhalte und Medien zugegriffen werden kann
- Stellen Sie Textalternativen für alle aussagekräftigen Nicht-Text-Inhalte bereit (z. B. Bilder, Symbole, SVGs, Diagramme und benutzerdefinierte Steuerelemente).
- Fügen Sie keinen aussagekräftigen Text in Bilder ein, es sei denn, es wird eine entsprechende Textalternative bereitgestellt.
- Stellen Sie Transkripte für reine Audioinhalte bereit.
- Stellen Sie synchronisierte Untertitel für vorab aufgezeichnete oder Livevideos mit Audio bereit.
- Bieten Sie Alternativen zu Tonwarnungen, z. B. visuelle Hinweise oder Vibration.
- Bieten Sie Benutzern die Möglichkeit, Audio- oder Animationen anzuhalten, zu beenden oder stummzuschalten.
Testen auf Barrierefreiheit
Regelmäßige Barrierefreiheitstests helfen Ihnen, Probleme zu erkennen, bevor sie Benutzer erreichen, und stellen sicher, dass Ihr Add-In weiterhin mit Hilfstechnologien arbeitet, wenn Standards und Plattformen weiterentwickelt werden.
Integrieren automatisierter Überprüfungen
Automatisierte Tools können viele Probleme erkennen, aber sie bewerten nicht, wie gut Ihr Add-In mit Hilfstechnologien funktioniert.
- Führen Sie Accessibility Insights als Teil Ihrer Build- oder CI-Pipeline aus, um häufige Barrierefreiheitsprobleme frühzeitig zu identifizieren.
- Verwenden Sie automatisierte Überprüfungen, um Folgendes zu überprüfen:
- Farbkontrast.
- Barrierefreie Namen und Bezeichnungen.
- Tastaturfokusreihenfolge.
- ARIA-Rollen und -Attribute.
- Zielgröße und -abstand.
Überprüfen der Unterstützung von Hilfstechnologien
Testen Sie Ihr Add-In mit häufig verwendeten Hilfstechnologien, um sicherzustellen, dass Benutzer folgende Möglichkeiten haben:
- Navigieren Sie in allen interaktiven Elementen allein über eine Tastatur.
- Machen Sie sich mit dem Zweck von Steuerelementen über die Sprachausgabe vertraut.
- Erledigen Sie Aufgaben, ohne sich auf Sehen, Hören oder präzise Zeigerbewegungen verlassen zu müssen.
Überprüfen Sie die Benutzeroberfläche mit:
Bestätigen Sie Folgendes:
- Alle Funktionen sind ohne Maus verfügbar.
- Fokusindikatoren sind sichtbar und nicht verdeckt.
- Dynamische Updates werden entsprechend angekündigt.
- Benutzerdefinierte UI-Komponenten machen ihre Rolle, ihren Status und ihren Wert verfügbar.
Testen von Interaktionsmustern
Auswerten von Benutzerflows – nicht nur einzelne Steuerelemente – um Folgendes sicherzustellen:
- Ziehen oder gestenbasierte Interaktionen haben eine alternative Möglichkeit, auf die Tastatur zugegriffen werden kann.
- Zeitlich begrenzte Interaktionen können angehalten, erweitert oder deaktiviert werden.
- Warnungen und Benachrichtigungen werden übermittelt, ohne sich allein auf den Sound zu verlassen.
- Authentifizierungs- und Eingabemethoden hängen nicht von Arbeitsspeicher, Sicht oder zeitabhängigen Antworten ab.
Erneutes Testen bei weiterentwickelten Standards
Hilfstechnologien und internationale Richtlinien zur Barrierefreiheit ändern sich im Laufe der Zeit. Testen Sie regelmäßig, um mit Änderungen an den internationalen Richtlinien für Barrierefreiheit Schritt zu halten. Weitere Informationen finden Sie unter Barrierefreiheitstests.
Siehe auch
Office Add-ins