Bedienungshilfen in Jetpack Compose

Barrierefreiheit ist entscheidend, um inklusive Apps zu entwickeln, die von allen genutzt werden können. Mit der Funktion „Compose“ können Sie barrierefreie UIs erstellen, damit Ihre Anwendungen überall für alle nutzbar sind.

Schlüsselkonzepte

  • Semantik: Das System, mit dem die Bedeutung von UI-Elementen für Bedienungshilfen dargestellt wird. Dazu gehören Eigenschaften wie Beschreibungen, Status und mögliche Aktionen.

  • Durchlauf:Die Reihenfolge, in der Bedienungshilfen wie TalkBack durch die Elemente auf dem Bildschirm navigieren. Sie können diese Reihenfolge anpassen, um die Nutzererfahrung zu verbessern.

  • Bedienungshilfen:Bestimmte Aktionen, die ein Nutzer für ein UI-Element ausführen kann, z. B. Klicken, Scrollen oder Schließen. Ihre App kommuniziert sie an die Bedienungshilfen.

Erste Schritte

Die Semantik ist die Grundlage des Barrierefreiheitsmodells und der Tools von Compose. Weitere Informationen finden Sie im Leitfaden Semantik in der Funktion „Compose“.

Wenn du deine App entwickelst, solltest du von Anfang an die folgenden wichtigen Schritte beachten, um die Zugänglichkeit der Anwendung zu verbessern:

  • Mindestgröße für Berührungszielbereiche berücksichtigen:Anklickbare und interaktive Elemente müssen mindestens 48 dp groß sein. Das entspricht den Material Design- Richtlinien für Barrierefreiheit.
  • Klicklabels hinzufügen:Beschreiben Sie das Klickverhalten mit dem clickable-Modifikator oder dem semantics-Modifikator, wenn Sie keinen direkten Zugriff auf clickable haben.
  • Visuelle Elemente beschreiben: Verwenden Sie den Parameter contentDescription, um Symbole und Bilder in Textform zu beschreiben. Setzen Sie contentDescription für dekorative Elemente auf null.
  • Überschriften definieren:Verwenden Sie die Modifikatoreigenschaft semantics, um Elemente zur einfacheren Navigation als Überschriften zu markieren.
  • Durchlaufreihenfolge steuern:Mit isTraversalGroup können Sie Elementgruppen markieren, die zusammen gelesen werden sollen. Mit traversalIndex können Sie die Reihenfolge der Elemente innerhalb dieser Gruppen weiter anpassen.

Weitere Informationen finden Sie im entsprechenden Leitfaden unter Wichtige Schritte zur Verbesserung der Barrierefreiheit von Beiträgen.

Tools

  • TalkBack:Der Screenreader von Google für Android. Aktivieren Sie sie, um zu testen, wie die Semantik Ihrer App für Nutzer funktioniert, die auf Hilfstechnologien angewiesen sind.
  • Layout Inspector:Damit können Sie den Semantikbaum Ihrer App visualisieren und Fehler beheben.
  • Test-APIs erstellen:Schreiben Sie Tests, die mit semantischen Elementen interagieren, um die Zugänglichkeit Ihrer Compose-UIs zu prüfen.

Codelab

Weitere Informationen zur Unterstützung von Bedienungshilfen in Compose-Code finden Sie im Codelab zu Bedienungshilfen in Jetpack Compose.

Weitere Informationen