Essayez de rendre les composables de votre application plus accessibles. Les étapes suivantes peuvent améliorer l'accessibilité de votre composable :
- Décrivez votre composable
- Ajouter des interactions
- Gérer les UI complexes
Décrivez votre composable
Pour décrire un composable, déclarez ses propriétés sémantiques (telles que role, label, state ou les actions) à l'aide de Modifier.semantics. Les services d'accessibilité peuvent lire ces propriétés sémantiques et utiliser les informations pour interagir avec l'UI et l'annoncer.
La propriété Role est particulièrement importante, car elle fournit le contexte nécessaire aux services d'accessibilité pour annoncer l'objectif et les interactions attendues d'un composant. Prenons l'exemple d'une icône personnalisée qui se comporte comme un bouton cliquable. En définissant son rôle sur Role.button, vous pouvez vous assurer que les lecteurs d'écran l'annoncent comme un élément interactif et non comme une image statique.
Pour en savoir plus, consultez Sémantique.
Ajouter des interactions
Pour ajouter des interactions à votre composable, utilisez les modificateurs clickable ou toggleable. Ces modificateurs sont fournis avec des propriétés sémantiques intégrées que les services d'accessibilité peuvent lire. Pour rendre les gestes complexes sur l'écran tactile plus accessibles, utilisez CustomAccessibilityAction.
Pour en savoir plus, consultez Actions personnalisées.
Gérer les UI complexes
Bien que Compose soit compatible avec de nombreuses fonctionnalités d'accessibilité par défaut, une UI plus complexe peut nécessiter un comportement plus personnalisé. Vous pouvez rendre les UI complexes plus accessibles en structurant logiquement la hiérarchie de l'UI et en fournissant un ordre de lecture logique pour que les services d'accessibilité puissent la parcourir.
Structurez la hiérarchie de l'UI de manière logique : si un composable parent se compose de plusieurs éléments enfants, vous pouvez spécifier explicitement la manière dont ces éléments sont regroupés ou les remplacer entièrement. Pour en savoir plus, consultez Fusionner et effacer.
Contrôler l'ordre de déplacement : si l'ordre de lecture par défaut de Compose ne suffit pas, vous pouvez contrôler manuellement la façon dont les lecteurs d'écran parcourent les éléments de votre UI. Pour en savoir plus, consultez Modifier l'ordre de parcours.
Contrôler le focus : pour la navigation au clavier et au pavé directionnel, vous pouvez remplacer manuellement l'ordre de balayage du focus. Pour en savoir plus, consultez Modifier le comportement de la sélection et Modifier l'ordre de déplacement de la sélection.
Ressources supplémentaires
Pour en savoir plus sur l'accessibilité de votre UI, consultez les ressources supplémentaires suivantes :