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.
Sie können barrierefreie Canvas-Apps mit integrierten Steuerelementen entwerfen und erstellen. Manchmal kann die Kombination aus App-Design, Verwendung verschiedener Steuerelemente und der konfigurierten Steuerelementeigenschaften dazu führen, dass eine App über eine nicht zugängliche Benutzeroberfläche verfügt.
In diesem Artikel erfahren Sie mehr über diese Einschränkungen der Barrierefreiheit in Canvas-Apps und wie Sie die App-Benutzeroberfläche verbessern können, um sie barrierefreier zu gestalten.
Dialogfelder und Einblendungen
Dialogfelder und Benutzeroberflächen, die über anderen Inhalten angezeigt werden, werden nicht unterstützt. Diese Überlagerungen erfordern eine Fokusverwaltung, das Ausblenden von Hintergrundinhalten vor Bildschirmleseprogrammen und entsprechende Steuerungsrollen.
Beachte Folgendes:
- Verwenden Sie separate Bildschirme für jedes "Dialogfeld".
- Verwenden Sie die Benachrichtigungsfunktion .
- Erstellen Sie eine Codekomponente , die ein barrierefreies Dialogfeld implementiert.
Tab-Interfaces
Eine Registerkartenschnittstelle besteht aus einer Liste von Registerkarten und einem Bereich, der Inhalte anzeigt, die der ausgewählten Registerkarte zugeordnet sind.
Das einzige integrierte Steuerelement, das Schnittstellen mit Registerkarten unterstützt, ist die Registerkartenliste. Vermeiden Sie die Verwendung von Galerien zum Erstellen von Registerkarten. Die Liste der Registerkarten sollte mit Pfeiltasten navigierbar sein. Es sind geeignete Kontrollrollen und -zustände erforderlich.
Beachte Folgendes:
- Verwenden Sie die integrierte Registerkartenliste.
- Erstellen Sie eine Codekomponente , die eine barrierefreie Registerkartenschnittstelle implementiert.
Benutzerdefinierte Tabellen
Das einzige integrierte Steuerelement, das zweidimensionale Daten unterstützt, ist die Datentabelle. Vermeiden Sie die Verwendung von Katalogen zum Darstellen von Daten in Zeilen und Spalten. Zeilen und Spalten müssen kommentiert werden, damit Benutzer der Sprachausgabe ihre Struktur verstehen und in Zellen navigieren können.
Beachte Folgendes:
- Verwenden Sie die integrierte Datentabelle.
- Daten nur in einer Richtung mit einer Galerie präsentieren.
- Erstellen Sie eine Codekomponente , die eine barrierefreie Tabelle implementiert.
Benutzerdefinierte Kombinationsfelder
Es ist möglich, ein Kombinationsfeld zu emulieren, indem eine Texteingabe und ein Katalog kombiniert werden. Auf Kombinationsfelder, die aus integrierten Steuerelementen zusammengesetzt sind, kann jedoch nicht zugegriffen werden. Kombinationsfelder müssen Pfeiltasten verarbeiten und entsprechende Rollen und Zustände für ihre Komponenten festlegen.
Beachte Folgendes:
- Verwenden Sie das integrierte Kombinationsfeld oder die Dropdownliste.
- Erstellen Sie eine Codekomponente , die ein barrierefreies Kombinationsfeld implementiert.
Scrollbare Inhalte
Tastaturbenutzer können keine Formulare, Bildlaufbildschirme und Container scrollen, wenn keine interaktiven Steuerelemente enthalten sind.
Für Galerien ohne interaktive Inhalte können Sie TabIndex in der Galerie selbst festlegen, damit Benutzer, die die Tastatur verwenden, den Fokus darauf setzen und mit den Pfeiltasten darin scrollen können.
Für Beschriftungen macht das Festlegen von TabIndex sie durch Tastaturbedienung fokussierbar. Sie werden jedoch auch in Schaltflächen umgewandelt. Vermeiden Sie es, Etiketten scrollbar zu machen, wenn sie nicht als Schaltflächen gedacht sind. Stellen Sie sicher, dass die Beschriftung groß genug ist, um Text einzufügen. Die AutoHeight-Eigenschaft kann verwendet werden, um die Größe des Steuerelements automatisch anzupassen, wenn es sich innerhalb eines Formulars, bildlauffähigen Bildschirms oder Katalogs befindet.
Erweiterbare Abschnitte
Erweiterbare Abschnitte, auch als Offenlegungen bezeichnet, enthalten Inhalte, die ausgeblendet sind, bis der Benutzer eine Schaltfläche drückt. Es gibt keine integrierte Unterstützung für diese Elemente, aber es gibt eine Problemumgehung.
Erwähnen Sie den erweiterten Zustand im AccessibleLabel der Schaltfläche. Beispiel: "Weitere Details anzeigen. Eingeklappt.
Aktualisieren Sie " AccessibleLabel ", wenn sich der erweiterte Zustand ändert. Positionieren Sie den erweiterten Inhalt unmittelbar nach der Schaltfläche, damit Benutzer der Sprachausgabe diesen logisch erreichen können. Verschieben Sie andere Inhalte nach unten, wenn der Abschnitt erweitert wird.
Sehenswürdigkeiten
Sie können Überschriften mit Beschriftungssteuerelementen erstellen. Navigation, Banner und andere Sehenswürdigkeiten werden nicht unterstützt. Power Apps legt den Hauptpunkt automatisch auf den App-Bildschirm fest.
Verwenden Sie für andere Sehenswürdigkeiten eine Überschrift als Problemumgehung.
Benutzerdefinierte Rollen und Zustände
Es gibt keine integrierte Unterstützung für benutzerdefinierte Rollen und Zustände. Daher wird es nicht empfohlen, zusammengesetzte Kontrollkästchen, Schieberegler und Umschaltmöglichkeiten aus integrierten Steuerelementen zu erstellen.
Beachte Folgendes:
- Erwähnen Sie die Rolle und den Status des Steuerelements im zugänglichen Label. Wenn beispielsweise ein Symbol als Kontrollkästchen verwendet wird, könnte die Beschriftung "Benachrichtigungen aktivieren" sein. Kontrollkästchen. Geprüft.
- Erstellen Sie eine Codekomponente , die WAI-ARIA Rollen und Zustände entsprechend festlegt.
Benutzerdefinierte Tastaturbehandlung
Es ist nicht möglich, auf bestimmte Tastendrücke zu reagieren. Sie können z. B. kein benutzerdefiniertes Verhalten für Pfeiltasten oder die ESCAPE-TASTE haben. Daher ist es nicht möglich, listenähnliche Steuerelemente wie Optionsfelder aus integrierten Steuerelementen zu erstellen. Sie können auch keine Überlagerungen erstellen, die mit der Escape-Taste geschlossen werden können.
Die Eingabe- oder Leertastenbehandlung wird bei OnSelect unterstützt. Diese Eigenschaft wird jedoch auch von anderen Eingabemethoden wie Mausklicks ausgelöst. Es gibt keine Möglichkeit, die Quelle des Ereignisses zu unterscheiden.
Fokusverwaltung
SetFocus-Funktion kann verwendet werden, um den Fokus zu ändern, funktioniert aber nur in begrenzten Szenarien.
Es ist nicht möglich, zu erkennen, wann Steuerelemente den Fokus empfangen oder verlieren.
Inhalte nur vor Screenreader-Nutzern ausblenden
Es gibt kein aria-hidden-Äquivalent, um Inhalte für sehende Benutzer anzuzeigen, aber für Screenreader-Benutzer auszublenden. Es werden nur einige Szenarien unterstützt.
Nächste Schritte
Barrierefreiheitseigenschaften