Appliquer rapidement l’a11y (accessibilité) dans SwiftUI
- Présentation d’une méthode pour corriger rapidement une app SwiftUI où l’accessibilité a été négligée.
- L’accessibilité est une fonctionnalité essentielle pour 16 % des utilisateurs, mais elle est souvent ignorée pendant le développement.
- Une app qui ne prend pas l’accessibilité en compte peut laisser une impression négative aux utilisateurs.
Vérifier l’accessibilité de l’app
- Il est important de tester l’accessibilité sur un appareil réel.
- Configurer le centre de contrôle de manière optimale permet d’activer rapidement les fonctions d’accessibilité.
Vérification de la taille du texte
- iOS propose 12 tailles de texte, qu’il faut tester pour vérifier que l’app s’adapte correctement à chacune.
- Il faut vérifier que l’interface fonctionne bien même avec la taille de texte la plus grande.
Vérification du lecteur d’écran
- Pour les utilisateurs qui utilisent un lecteur d’écran, il faut vérifier l’accessibilité avec des outils comme VoiceOver.
- De simples corrections, comme l’ajout de libellés d’accessibilité aux images, peuvent apporter de grandes améliorations.
Appliquer rapidement l’accessibilité
- Une fois les problèmes identifiés, il faut les corriger rapidement, un par un.
Contenu défilable
- Quand la taille du texte augmente, on peut résoudre le problème en plaçant le contenu dans une vue défilable.
- Un modificateur de vue personnalisé appelé
a11yScrollView() permet de rendre le contenu défilable uniquement lorsque c’est nécessaire.
Mauvaise odeur de code liée à l’espace vide
- À la place de
Spacer(), utiliser le modificateur frame() permet de construire une mise en page plus fiable.
Ajuster la taille des images et des icônes
- Le property wrapper
@ScaledMetric permet d’ajuster dynamiquement les images et les icônes en fonction de la taille de texte choisie par l’utilisateur.
Alignement du contenu
- Utiliser
A11yHStack permet d’aligner le contenu en fonction de la taille de texte de l’utilisateur.
Amélioration du lecteur d’écran
- Utiliser
accessibilityLabel, accessibilityElement(children:), accessibilityRepresentation, etc. améliore la compatibilité avec les lecteurs d’écran.
Utiliser des composants natifs
- Utiliser autant que possible les composants SwiftUI natifs améliore les performances et l’accessibilité.
Convaincre les parties prenantes
- Présentation de méthodes pour exercer de l’influence dans l’organisation afin que l’accessibilité soit considérée comme importante.
- Mettre en avant les exigences légales et les bénéfices business permet de souligner l’importance de l’accessibilité.
Conclusion
- L’article décrit l’ensemble du processus pour identifier et corriger les problèmes d’accessibilité d’une app.
- Il présente divers outils et techniques proposés par SwiftUI pour améliorer l’accessibilité.
L’avis de GN⁺
- Cet article est très utile pour les développeurs d’apps, car il explique pourquoi l’accessibilité est importante et propose des méthodes concrètes pour l’améliorer en pratique.
- Une app qui ne tient pas compte de l’accessibilité peut dégrader l’expérience utilisateur et entraîner des problèmes juridiques ; il est donc important d’y penser dès les premières phases du développement.
- Lorsqu’on utilise un framework moderne comme SwiftUI, on peut tirer pleinement parti des avantages des composants natifs pour améliorer à la fois les performances et l’accessibilité.
- Pour améliorer l’accessibilité, il est aussi judicieux d’utiliser les bibliothèques et outils proposés par la communauté, afin de simplifier le processus de développement et d’en accroître l’efficacité.
- Améliorer l’accessibilité d’une app ne relève pas seulement d’une question technique : c’est aussi une responsabilité sociale et une manière de mettre en pratique l’inclusion, afin que tous les utilisateurs puissent accéder au service à égalité.
3 commentaires
Prendre en compte l’accessibilité est peut-être aussi une façon de fidéliser des clients à mon service.
Si des services concurrents similaires ne prennent pas en charge cette fonctionnalité, mais que seule notre application la propose, les clients utiliseront la nôtre.
Oh, il faudra aussi qu’on présente ça sur Let’s Swift, haha.
Avis sur Hacker News
Résumé du premier commentaire :
Résumé du deuxième commentaire :
Résumé du troisième commentaire :
Résumé du quatrième commentaire :
Résumé du cinquième commentaire :
Résumé du sixième commentaire :
Résumé du septième commentaire :
Résumé du huitième commentaire :
Résumé du neuvième commentaire :
Résumé du dixième commentaire :