Zugriff für Canvas-Apps erstellen

  • Artikel

Mit einer barrierefreien Canvas-App können Benutzer mit Seh‑, Hör‑ und anderen Beeinträchtigungen die App erfolgreich nutzen. Das Befolgen der folgenden Richtlinien ist nicht nur für viele Regierungen und Organisationen eine Anforderung, sondern erhöht auch die Benutzerfreundlichkeit für alle Benutzer, unabhängig von ihren Fähigkeiten.

Verwenden Sie die Barrierefreiheitsprüfung, um mögliche Probleme Ihrer App bei der Barrierefreiheit zu überprüfen.

Layout und Farben

Ein allgemeingültiger und unkomplizierter Entwurf sorgt für eine einfachere Bedienbarkeit der Apps für alle Benutzer. Wenn Sie Apps stark anpassen, beachten Sie die folgenden Vorschläge. Power Apps-Designs entsprechen den Barrierefreiheitsstandards.

  • Stellen Sie sicher, dass alle Elemente gut zu sehen sind und Texte eine angemessene Größe besitzen. Alle Inhalte müssen mit bloßem Auge leicht und deutlich lesbar sein.
  • Stellen Sie sicher, dass Eingabeelemente auf der Anzeige beschriftet werden. Die Eigenschaft AccessibilityLabel definiert, was in der Sprachausgabe vorgelesen wird.
  • Stellen Sie beim Anpassen von Farben sicher, dass der Kontrast zwischen Text und Hintergrund ein Verhältnis von 4,5:1 oder noch höher aufweist. Softwaretools für die Unterstützung dieses Vorgangs sind sofort verfügbar.
  • Stellen Sie sicher, dass das Layout einem logischen Ablauf folgt, wenn es von oben nach unten und von links nach rechts gelesen wird.
  • Erstellen Sie eine reaktionsfähige App, damit sehbehinderte Benutzer hineinzoomen und sie verwenden können, ohne hin und her zu scrollen.

Tastatur

Stellen Sie beim Testen der Barrierefreiheit Ihrer App sicher, dass die App auch nur per Tastatur verwendet werden kann, mit oder ohne Screenreader.

Die Tab-Taste sollte in logischer Reihenfolge zu interaktiven Elementen navigieren. Sie können dies mit einer logischen App-Struktur und durch entsprechendes Einstellen der TabIndex-Eigenschaft der einzelnen Steuerelemente erstellen.

  • Steuerelemente für Beschriftung, Bild, Symbol, Form: Legen Sie TabIndex auf 0 fest, wenn sie interaktiv sein sollen. Andernfalls legen Sie TabIndex auf -1 fest.
  • Legen Sie TabIndex nicht größer als Null fest.
  • Stellen Sie sicher, dass die App-Einstellung Vereinfachte Tab-Index aktiviert ist.

Sprachausgabe

Die folgenden Screenreader wurden für die Arbeit mit ihnen verifiziert Power Apps:

  • JAWS: Microsoft Edge
  • Narrator: Microsoft Edge
  • NVDA: Google Chrome, Firefox
  • TalkBack: Google Chrome, Power Apps mobil
  • VoiceOver: Power Apps Mobil, Safari (macOS, iOS, iPadOS)

Um für die Sprachausgabe ein zufriedenstellendes Ergebnis sicherzustellen, wird Folgendes empfohlen:

  • Vergewissern Sie sich, dass für alle Eingabesteuerelemente die Eigenschaft AccessibilityLabel festgelegt worden ist.
  • Legen Sie für AccessibleLabel für Bilder 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 AccessibilityLabel leer oder nicht festgelegt ist.
    • Wenn ein Bild oder ein Symbol als Schaltfläche verwendet wird, legen Sie TabIndex auf 0 und AccessibilityLabel auf die Linkbeschreibung fest.

Steuerungstyp und -struktur

Wenn Sie die richtigen Steuerelemente verwenden und gruppieren, können Benutzer der Sprachausgabe die Struktur der App besser verstehen.

Multimedia

Stellen Sie sicher, dass alle Videos mit Untertiteln versehen und Abschriften aller Audioaufnahmen für den Benutzer verfügbar sind. Das Steuerelement Video unterstützt Untertitel im WebVTT-Format über die Eigenschaft ClosedCaptionsUrl.

Beachten Sie, dass der Timer bei aktivierter Sprachausgabe nicht den Schaltflächentext, sondern die verstrichene Zeit angibt. 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 Steuerelement „PenInput“ verwendet, müssen Sie eine alternative Methode der Signatureingabe aktivieren. Empfohlen wird die Anzeige eines TextInput-Steuerelements, in dem ein Benutzer seinen Namen eingeben kann. Stellen Sie sicher, dass die Signaturanweisungen in der Eigenschaft AccessibilityLabel angegeben sind und dass sich das Steuerelement in der Nähe der Stifteingabe (rechts daneben oder direkt darunter) befindet.

Nächste Schritte

Barrierefreie Appstruktur

Siehe auch