Accessibilité pour les applications iOS Inspecteur d'accessibilité

Les développeurs cherchent constamment à rendre leurs applications plus avancées, mais sont-elles réellement utilisables par tout le monde? Pour la plupart des applications, la réponse est non. Afin de toucher le plus large public possible, découvrons des moyens de rendre nos applications plus accessibles..

À l'occasion de la Journée internationale des personnes handicapées des Nations Unies, voyons comment rendre nos applications iOS plus accessibles..

Plusieurs millions d'utilisateurs de smartphones dans le monde souffrent d'un handicap, tel qu'une vision limitée, une perte auditive partielle ou des difficultés de contrôle de la motricité fine. Si vous ne tenez pas compte des implications de votre application et de votre interface utilisateur sur l'accessibilité, vous leur manquerez une occasion de tirer parti de votre application..

Apple s'est engagé à mettre ses produits à la disposition de chaque utilisateur et a fourni aux développeurs une multitude d'outils pour rendre cela possible. L’un de ces outils est l’Inspecteur de l’accessibilité, utilisé pour afficher les attributs des éléments affichés sur un écran..

Bien que l'inspecteur d'accessibilité ne soit pas un outil très connu, il est très utile si vous souhaitez rendre votre application aussi accessible que possible. Dans cet article, je vais vous montrer comment utiliser Accessibility Inspector pour auditer l'accessibilité de vos applications..

1. Ouverture de l'inspecteur d'accessibilité

Pour faire apparaître l'inspecteur d'accessibilité, vous devez d'abord ouvrir Xcode. Si vous avez un iPhone, vous pouvez utiliser l'inspecteur d'accessibilité, mais pour cet article, nous allons simplement inspecter les applications par défaut sur un Mac..

Une fois Xcode ouvert, accédez à Xcode> Open Developer Tool> Inspecteur d'accessibilité. 

Vous devriez voir une fenêtre apparaître qui ressemble à ceci:

C'était facile! Dans les prochaines étapes, nous verrons comment tirer parti des fonctionnalités de l'inspecteur d'accessibilité..

2. Autorisations pour l'inspecteur d'accessibilité

La première étape de l'utilisation de l'inspecteur d'accessibilité est de permettre à votre Mac d'être contrôlé par celui-ci. Pour autoriser cela, vous devez aller à Préférences de système sur votre Mac. Vous pouvez le faire en ouvrant l'application à partir de Rampe de lancement ou en appuyant Command-Space sur votre clavier, puis à la recherche de "Préférences de système".

Une fois que vous avez ouvert Préférences de système, vous verrez quelque chose qui ressemble à ceci:

De là, dirigez-vous vers Sécurité et confidentialité, que vous trouverez dans la rangée du haut. Une fois que vous avez cliqué dessus, vous verrez ceci:

Enfin, allez au Intimité onglet et faites défiler jusqu'à Accessibilité. Vous devez ajouter l'inspecteur d'accessibilité en tant qu'une des applications. Cliquez sur le bouton plus et recherchez-le..

D'accord, vous avez maintenant donné à l'inspecteur d'accessibilité un accès complet à votre Mac et vous pouvez passer à l'étape suivante pour apprendre à configurer différents périphériques..

3. Inspection de périphériques spécifiques

Comme indiqué à l'étape précédente, vous pouvez utiliser l'inspecteur d'accessibilité sur n'importe quel périphérique. il n'est pas limité à un iPhone ou à un Mac. Apprenons donc à configurer l'inspecteur d'accessibilité avec divers périphériques.

Si vous avez déjà utilisé votre iPhone avec Xcode, vous devriez pouvoir le voir dans les Sélecteur de cible. Généralement, par défaut, votre développement Mac est sélectionné. Si vous avez une montre Apple Watch, vous pouvez également la voir apparaître dans le menu déroulant..

Si vous regardez juste à droite de cela, vous pourrez sélectionner certains processus de votre périphérique sélectionné à inspecter. Encore une fois, par défaut, Tous les processus devrait être sélectionné. Passez du temps à jouer avec différents appareils et, lorsque vous êtes prêt, passez à l'étape suivante, où nous apprendrons à utiliser le Pointeur d'inspection outil.

4. Utilisation du pointeur d'inspection

La plus grande partie de l'inspecteur d'accessibilité est la Pointeur d'inspection. Cet outil utile peut donner des informations utiles sur un élément d’interface utilisateur donné. Localisez l’icône qui ressemble à une cible, juste à droite du centre de la barre de menu (c’est entre les Sélecteur de cible et le Détail de l'inspection icônes).

Comme je l'ai mentionné précédemment, nous utiliserons les applications stockées sur notre Mac de développement pour utiliser cet outil. Assurez-vous donc que votre Mac de développement est sélectionné avec le Chercheur dans le Sélecteur de cible. Appuyez sur le Pointeur d'inspection l’icône pour qu’elle vire au bleu, et vous êtes maintenant prêt à commencer à inspecter.

Si vous regardez mon Finder ci-dessous, vous verrez que ce que j'ai indiqué est surligné en vert et que vous pouvez voir quelques informations de base..

Aussi, si vous regardez de plus près le Avancée onglet, vous pourrez modifier certains attributs de l’élément sélectionné. Dans l'étape suivante, vous allez apprendre à auditer l'accessibilité des applications..

5. Audit d'accessibilité

Avant de terminer ce didacticiel, j'aimerais vous présenter l'audit de l'accessibilité de vos applications. Même si vous ne pouvez pas voir certains problèmes que des personnes pourraient avoir lors de l'utilisation de votre application, l'inspecteur d'accessibilité est à votre disposition..

Prenez un moment pour localiser le Vérification icône dans la barre d'outils. C'est là que vous pourrez voir des problèmes spécifiques avec le processus sélectionné sur votre périphérique choisi. Pour commencer, vous devrez resélectionner votre modèle et votre appareil (comme vous l'avez fait à l'étape précédente), mais cette fois-ci, vous devez simplement appuyer sur le bouton Vérification icône et cliquez sur le Exécuter l'audit bouton qui apparaît.

Votre inspecteur d'accessibilité doit renvoyer tous les avertissements et les erreurs d'accessibilité de votre programme. Par exemple, si vous ne fournissez pas une bonne description de l’une des images de votre application, vous risquez de voir quelque chose comme "Nom de l'image utilisée dans la description". Ensuite, vous pouvez appuyer sur la flèche pour développer cet avertissement et trouver plus d'informations à ce sujet. Vous pouvez également appuyer sur le bouton Œil icône à côté d'un problème, et l'inspecteur d'accessibilité vous montrera une capture d'écran avec le problème mis en surbrillance.

Voici ce que l'inspecteur d'accessibilité est revenu lorsque j'ai audité le Finder de macOS:

Comme vous pouvez le constater, même Apple a du travail à faire pour que ses applications soient accessibles.!

Conclusion

Vous n'avez peut-être jamais entendu parler de l'inspecteur d'accessibilité, mais il s'agit d'un outil très puissant qui peut vous aider à distinguer vos applications des autres. En utilisant cet outil, vous pouvez rendre votre application plus accessible et utilisable par plus de personnes. Si vous avez aimé cet article, restez à l'écoute. J'écrirai davantage sur les moyens de rendre votre application accessible au cours des prochaines semaines..

Et pendant que vous êtes ici, consultez certains de nos autres articles sur le développement d'applications iOS!