Accessibilité dans Jetpack Compose

L'accessibilité est essentielle pour créer des applications inclusives et utilisables par tous. Compose fournit une base pour créer des interfaces utilisateur accessibles qui rendent vos applications utilisables par tous, partout.

Concepts clés

  • Sémantique:système représentant la signification des éléments de l'interface utilisateur pour les services d'accessibilité. Cela inclut les propriétés comme les descriptions, les états et les actions qu'un utilisateur peut effectuer.

  • Balayage:ordre dans lequel les services d'accessibilité tels que TalkBack parcourent les éléments à l'écran. Vous pouvez personnaliser cet ordre pour améliorer l'expérience utilisateur.

  • Actions d'accessibilité:actions spécifiques qu'un utilisateur peut effectuer sur un élément d'interface utilisateur (cliquer, faire défiler et ignorer, par exemple). Votre application les communique aux services d'accessibilité.

Premiers pas

La sémantique constitue la base du modèle et des outils d'accessibilité de Compose. Pour en savoir plus, consultez le guide Sémantique dans Compose.

Lorsque vous développez votre application, gardez à l'esprit dès le début ces étapes clés pour améliorer l'accessibilité de votre application Compose:

  • Pensez aux tailles minimales des zones cibles tactiles:assurez-vous que les éléments cliquables et interactifs font au moins 48 dp. Cela respecte les directives d'accessibilité de Material Design.
  • Ajouter des libellés de clic:décrivez le comportement des clics avec le modificateur clickable ou le modificateur semantics si vous n'avez pas d'accès direct à clickable.
  • Décrivez les éléments visuels:utilisez le paramètre contentDescription pour décrire de manière textuelle des icônes et des images. Définissez contentDescription sur null pour les éléments décoratifs.
  • Définir les en-têtes:utilisez la propriété de modificateur semantics pour marquer des éléments comme en-têtes afin de faciliter la navigation.
  • Contrôler l'ordre de balayage:utilisez isTraversalGroup pour marquer les groupes d'éléments qui doivent être lus ensemble. Utilisez traversalIndex pour personnaliser davantage l'ordre des éléments dans ces groupes.

Pour en savoir plus, consultez le guide Étapes clés pour améliorer l'accessibilité de Compose dédié.

Outils

  • TalkBack:lecteur d'écran de Google pour Android. Activez-la pour tester le fonctionnement de la sémantique de votre application pour les utilisateurs qui s'appuient sur des technologies d'assistance.
  • Outil d'inspection de la mise en page:visualisez et déboguez l'arborescence sémantique de votre application.
  • API de test Compose:écrivez des tests qui interagissent avec les éléments sémantiques pour vérifier l'accessibilité de vos interfaces utilisateur Compose.

Atelier de programmation

Pour en savoir plus sur la prise en charge de l'accessibilité dans votre code Compose, suivez l'atelier de programmation Accessibilité dans Jetpack Compose.

Ressources supplémentaires