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 modificateursemantics
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éfinissezcontentDescription
surnull
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. UtiliseztraversalIndex
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
- Accessibilité:concepts et techniques essentiels communs à tout le développement d'applications Android
- Créer des applications accessibles:étapes clés à suivre pour rendre votre application plus accessible
- Principes pour améliorer l'accessibilité des applications:principes clés à garder à l'esprit lorsque vous cherchez à rendre votre application plus accessible.
- Testing for Accessibility (Tests d'accessibilité) : principes et outils de test pour l'accessibilité sur Android.