Kündigen Sie dynamische Änderungen mit Live-Regionen für Canvas-Apps an

  • Artikel

Dynamische Veränderungen stellen Sehbehinderte vor Herausforderungen. Benutzer, die über einen Bildschirmleser auf eine App zugreifen, konzentrieren sich auf einen Teil der App. Wenn eine Änderung an einer anderen Stelle erfolgt, werden diese Benutzer dies nicht bemerken.

Sie können dieses Problem lösen, indem Sie Live-Regionen hinzufügen, die von Bildschirmlesern verfolgt werden. Wenn sich der Inhalt in einer Live-Region ändert, wird diese Änderung auf einem Bildschirmleser angekündigt.

Der zugrunde liegende Mechanismus für Live-Regionen ist aria-live Regionen, es gelten also die gleichen Richtlinien.

Beispielverwendungen von Live-Regionen

Sie können Live-Regionen verwenden, um Benutzer zu benachrichtigen, wenn Ereignisse wie diese auftreten:

  • In einem Formular tritt ein Validierungsfehler auf.
  • Eine durch eine Schaltfläche ausgelöste Aktion ist erfolgreich. Beispielsweise kann ein Benutzer eine Schaltfläche auswählen, um ein Element zu einer Sammlung hinzuzufügen, und in einer Live-Region kann die Meldung Element hinzugefügt angezeigt werden.
  • Der Benutzer hat eine andere Registerkarte ausgewählt.
  • Ein Hintergrund-Timer aktualisiert einen Newsfeed.

Erstellen und Konfigurieren Sie eine Live-Region

Sie können nur ein Beschriftungs-Steuerelement als Live-Region konfigurieren. Die Live-Eigenschaft bestimmt, um welche Art von Live-Region es sich handelt.

  • Aus: Keine Live-Region. Sprachausgaben geben keine Änderungen an Text bekannt.
  • Höflich: Sprachausgaben kündigen Änderungen nach Beendigung des Sprechens an. Verwenden Sie diesen Wert für unkritische Benachrichtigungen, die keine sofortige Aufmerksamkeit erfordern.
  • Ausdrücklich: Sprachausgaben unterbrechen sich, um Änderungen sofort bekannt zu geben. Verwenden Sie diesen Wert für unkritische Benachrichtigungen, die keine unmittelbare Aufmerksamkeit erfordern.

Wenn sich der Textinhalt einer Live-Region ändert, kündigen Sprachausgaben den gesamten Textinhalt an, nicht nur den geänderten Teil. Wenn der Wert der Text-Eigenschaft auf die leere Zeichenfolge "" festgelegt ist, kündigt die Sprachausgabe nichts an.

Um eine Nachricht zu wiederholen, löschen Sie den Textinhalt, indem Sie den Wert der Text-Eigenschaft für die leere Zeichenfolge auf "" festlegen und dann den Wert erneut auf die Nachricht festlegen.

Bewährte Methoden

  • Immer Visible auf wahr festlegen. Einige Bildschirmleser erkennen keine Live-Regionen, die verschwinden und wieder erscheinen.
  • Vermeiden Sie es, den Wert von Live zu ändern. Einige Bildschirmleser erkennen nicht, wann eine nicht-live Region live wird und umgekehrt.
  • Positionieren Sie die Live-Region an einer logischen Position in der App, auch wenn sie nicht sichtbar ist. Stellen Sie sicher, dass der Inhalt im Zusammenhang mit den Elementen davor und danach sinnvoll ist. Benutzer können jederzeit durch regelmäßige Navigation mit einem Bildschirmleser auf eine Live-Region zugreifen, nicht nur, wenn Änderungen auftreten.

Nächste Schritte

Verwenden der Barrierefreiheitsprüfung

Siehe auch