Barrierefreiheitsbeschränkungen in Canvas-Apps
Sie können barrierefreien Canvas-Apps mit eingebauten Bedienelementen erstellen und gestalten. Manchmal kann die Kombination aus App-Design, Verwendung verschiedener Steuerelemente und konfigurierten Steuerelementeigenschaften dazu führen, dass eine App über eine unzugängliche Benutzeroberfläche verfügt.
In diesem Artikel erfahren Sie mehr über diese Barrierefreiheitsbeschränkungen in Canvas-Apps und wie Sie die App-Oberfläche verbessern können, um sie zugänglicher zu machen.
Dialoge und Overlays
Dialoge 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.
Beachten Sie Folgendes:
- Verwenden Sie separate Bildschirme für jeden Dialog.
- Verwenden Sie die Funktion Notify .
- Erstellen Sie eine Codekomponente, die einen zugänglichen Dialog implementiert.
Registerkarten-Schnittstellen
Eine Oberfläche mit Registerkarten besteht aus einer Liste von Registerkarten und einem Bereich, in dem der mit der ausgewählten Registerkarte verknüpfte Inhalt angezeigt wird.
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. Geeignete Kontrollrollen und -zustände sind erforderlich.
Beachten Sie Folgendes:
- Verwenden Sie die integrierte Registerkartenliste.
- Erstellen Sie eine Codekomponente, die eine zugänglichen Registerkarten-Schnittstelle implementiert.
Benutzerdefinierte Tabellen
Das einzige integrierte Steuerelement, das zweidimensionale Daten unterstützt, ist die Datentabelle. Vermeiden Sie Kataloge, um Daten in Zeilen und Spalten darzustellen. Zeilen und Spalten müssen mit Anmerkungen versehen werden, damit Benutzer des Anzeigenlesers ihre Struktur verstehen und in Zellen navigieren können.
Beachten Sie Folgendes:
- Verwenden Sie die integrierte Datentabelle.
- Präsentieren Sie Daten nur in eine Richtung mit einem Katalog.
- Erstellen Sie eine Codekomponente, die eine zugänglichen Tabelle implementiert.
Benutzerdefinierte Kombinationsfelder
Es ist möglich, ein Kombinationsfeld zu emulieren, indem Sie eine Texteingabe und einen Katalog kombinieren. 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.
Beachten Sie Folgendes:
- Verwenden Sie das integrierte Kombinationsfeld oder die Dropdown-Liste.
- Erstellen Sie eine Codekomponente, die ein zugänglichen Kombinationskästchen implementiert.
Bildlauffähiger Inhalt
Tastaturbenutzer können nicht in Formen, Bildlaufbildschirmen und Behältnissen blättern, wenn sich keine interaktiven Steuerelemente darin befinden.
Für Kataloge ohne interaktiven Inhalt können Sie den TabIndex im Katalog selbst festlegen, damit sich Tastaturbenutzer darauf konzentrieren und mit den Pfeiltasten einen Bildlauf durchführen können.
Für Beschriftungen wird die Einstellung TabIndex dafür sorgen, dass sie sich auf das Scrollen mit der Tastatur fokussieren. Dadurch werden sie auch in Schaltflächen verwandelt. Machen Sie Beschriftungen nicht scrollbar, wenn sie nicht als Schaltflächen gedacht sind. Sicherstellen, dass die Beschriftung groß genug für Text ist. Die Eigenschaft AutoHeight kann die Größe des Steuerelements automatisch anpassen, wenn sie sich in einer Form, Bildlaufbildschirm, oder einem Katalog befindet.
Erweiterbare Abschnitte
Erweiterbare Abschnitte, auch als Offenlegungen bezeichnet, enthalten Inhalte, die ausgeblendet sind, bis der Benutzer eine Taste drückt. Es gibt keine integrierte Unterstützung für diese Elemente, aber es gibt eine Problemumgehung.
Erwähnen Sie den erweiterten Zustand in der AccessibleLabel der Taste. Zum Beispiel weitere Details anzeigen. Reduziert.".
Aktualisieren Sie AccessibleLabel, wenn sich der erweiterte Zustand ändert. Positionieren Sie den erweiterten Inhalt unmittelbar nach der Schaltfläche, sodass Benutzer des Anzeigenlesers logisch dorthin navigieren können. Drücken Sie andere Inhalte nach unten, wenn der Abschnitt erweitert wird.
Sehenswürdigkeiten
Sie können Überschriften mit Steuerelementen Beschriftung erstellen. Navigation, Banner und andere Orientierungspunkte werden nicht unterstützt. Power Apps setzt automatisch den Hauptmarker auf den App-Bildschirm.
Verwenden Sie für andere Orientierungspunkte eine Überschrift als Problemumgehung.
Benutzerdefinierte Rollen und Status
Es gibt keine integrierte Unterstützung für benutzerdefinierte Rollen und Status. Daher wird nicht empfohlen, zusammengesetzte Kontrollkästchen, Schieberegler und Umschalter aus integrierten Steuerelementen zu erstellen.
Beachten Sie Folgendes:
- Erwähnen Sie die Rolle und den Zustand des Steuerelements in ihrer AccessibleLabel. Zum Beispiel, wenn ein Symbol als Kontrollkästchen verwendet wird, könnte die Bezeichnung Benachrichtigung aktivieren lauten. Kontrollkästchen. Markiert.".
- Erstellen Sie eine Codekomponente die WAI-ARIA Rollen und Zustände wie angemessen festlegt.
Benutzerdefinierte Tastaturbedienung
Es ist nicht möglich, auf bestimmte Tastendrücke zu reagieren. Beispielsweise können Sie kein benutzerdefiniertes Verhalten für Pfeiltasten oder die Escape-Taste festlegen. 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 Eingabe von Leertasten wird mit OnSelect unterstützt. Diese Eigenschaft wird jedoch auch durch andere Eingabemethoden wie Mausklicks ausgelöst. Es gibt keine Möglichkeit, die Quelle des Ereignisses zu unterscheiden.
Fokusverwaltung
Fokus setzen Funktion kann verwendet werden, um den Fokus zu ändern, funktioniert jedoch nur in begrenzte Szenarien.
Es ist nicht möglich zu erkennen, wann Steuerelemente den Fokus erhalten oder verlieren.
Inhalte nur für Benutzer des Bildschirms Leser ausblenden
Es gibt keine aria-verborgene Entsprechung, um Inhalte für sehende Benutzer anzuzeigen, verbirgt ihn jedoch für Benutzer des Anzeigelesers. Nur einige Szenarien sind unterstützt.
Nächste Schritte
Eigenschaften der Barrierefreiheit