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.
Mit einer barrierefreien Canvas-App können Benutzer mit Seh-, Hör- und anderen Beeinträchtigungen die App erfolgreich verwenden. Neben der Voraussetzung für viele Regierungen und Organisationen erhöht die Einhaltung der folgenden Richtlinien die Benutzerfreundlichkeit für alle Benutzer, unabhängig von ihren Fähigkeiten.
Verwenden Sie die Barrierefreiheitsprüfung, um potenzielle Barrierefreiheitsprobleme in Ihrer App zu überprüfen.
Layout und Farbe
Der Allgemeine Sinn und unkomplizierte Entwurf hilft Apps, für alle Benutzer zugänglicher zu sein. Beachten Sie bei der umfangreichen Anpassung von Apps die folgenden Vorschläge. Power Apps-Themen sind so konzipiert, dass sie Zugänglichkeitsstandards erfüllen.
- Stellen Sie sicher, dass alle Elemente deutlich sichtbar sind und der Text ausreichend groß ist. Alle Inhalte müssen mit bloßem Auge leicht gelesen und verstanden werden.
- Stellen Sie sicher, dass Eingabeelemente auf dem Bildschirm beschriftet sind. Die Eigenschaft AccessibleLabel definiert, was in der Sprachausgabe vorgelesen wird.
- Stellen Sie beim Anpassen von Farben sicher, dass das Kontrastverhältnis von Text zu Hintergrund 4,5:1 oder höher ist. Softwaretools, die diesen Prozess unterstützen, sind sofort verfügbar.
- Stellen Sie sicher, dass das Layout einem logischen Fluss folgt, wenn es von oben nach unten gelesen wird, von links nach rechts.
- Erstellen Sie eine reaktionsfähige App , damit Benutzer mit geringem Sehvermögen vergrößern und verwenden können, ohne hin und her zu scrollen.
Tastatur
Stellen Sie beim Testen der Barrierefreiheit Ihrer App sicher, dass die App nur von der Tastatur verwendet werden kann, mit oder ohne Sprachausgabe.
Die TAB-TASTE sollte zu interaktiven Elementen in einer logischen Reihenfolge navigieren. Sie können dies mit einer logischen App-Struktur erstellen und die TabIndex-Eigenschaft jedes Steuerelements entsprechend festlegen.
- Label, Image, Icon, Shape-Steuerelemente: Legen Sie TabIndex auf 0 fest, wenn sie interaktiv sein sollen. Legen Sie andernfalls TabIndex auf -1 fest.
- Legen Sie TabIndex nicht größer als Null fest.
- Stellen Sie sicher, dass die Einstellung für die Vereinfachte Registerkartenindex-App aktiviert ist.
Sprachausgabe
Die folgenden Screenreader wurden zur Verwendung mit Power Apps überprüft:
- JAWS: Microsoft Edge
- Narrator: Microsoft Edge
- NVDA: Google Chrome, Firefox
- TalkBack: Google Chrome, Power Apps Mobile
- VoiceOver: Power Apps Mobile, Safari (macOS, iOS, iPadOS)
Um für die Sprachausgabe ein zufriedenstellendes Ergebnis sicherzustellen, wird Folgendes empfohlen:
- Stellen Sie sicher, dass alle Eingabesteuerelemente über den Eigenschaftensatz "AccessibleLabel " verfügen.
- Legen Sie für Bilder die AccessibleLabel auf eine entsprechende Beschreibung fest.
- Wenn ein Bild nicht als Schaltfläche oder Link verwendet wird (z.B. ein Symbol also nur zur Dekoration dient) und von der Sprachausgabe nicht vorgelesen werden soll, stellen Sie sicher, dass AccessibleLabel leer oder nicht festgelegt ist.
- Wenn ein Bild oder ein Symbol als Schaltfläche verwendet wird, legen Sie TabIndex auf 0 und AccessibleLabel auf die Linkbeschreibung fest.
Steuerelementtyp und -struktur
Durch die Verwendung und Gruppierung der richtigen Steuerelemente können Benutzer des Bildschirmlesers die Struktur der App verstehen.
- Fügen Sie mindestens eine Überschrift auf jedem Bildschirm der App ein. Sie können Überschriften erstellen, indem Sie die Rolleneigenschaft einer Bezeichnung festlegen.
- Verwenden Sie eine Schaltfläche anstelle einer Beschriftung für interaktiven Text.
- Gruppieren Sie verwandte Inhalte in Containern.
- Beachten Sie nicht unterstützte Entwurfsmuster.
Multimedia
Stellen Sie sicher, dass alle Videos beschriftet sind und dem Benutzer ein Transkript aller Audioaufzeichnungen zur Verfügung steht. Das Videosteuerelement unterstützt Untertitel im WebVTT-Format über die ClosedCaptionsUrl-Eigenschaft .
Wenn die Sprachausgabe aktiviert ist, liest Timer keinen Schaltflächentext vor, sondern gibt an, wie viel Zeit vergangen ist. Die Ankündigungen können auch dann nicht deaktiviert werden, wenn der Timer durch niedrige Deckkraft ausgeblendet wurde.
Arbeiten mit Signaturen
Wenn Sie über ein Signaturfeld verfügen, das das PenInput-Steuerelement verwendet, müssen Sie eine alternative Methode der Signatureingabe aktivieren. Die empfohlene Methode besteht darin, ein TextInput-Steuerelement anzuzeigen, bei dem ein Benutzer seinen Namen eingeben kann. Stellen Sie sicher, dass die Signaturanweisungen in der AccessibleLabel-Eigenschaft platziert werden und das Steuerelement in der Nähe der Stifteingabe platziert wird – rechts oder unmittelbar darunter.