Accessibilité pour les applications iOS: inspecteur d’accessibilité

Les développeurs s’efforcent constamment de 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 d’atteindre le plus large public, découvrons les moyens de rendre nos applications plus accessibles.

Pour marquer les Nations Unies ‘ Journée internationale des personnes handicapées, voyons comment nous pouvons rendre nos applications iOS plus accessibles.

Il existe des millions d’utilisateurs de smartphones dans le monde qui souffrent d’une sorte de handicap, comme 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 d’accessibilité de votre application et de la conception de votre interface utilisateur, vous manquerez l’occasion pour eux de bénéficier de votre application.

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

Même si l’inspecteur d’accessibilité n’est 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 afficher l’inspecteur d’accessibilité, vous devez d’abord ouvrir Xcode. Si vous avez un iPhone, vous pouvez utiliser l’inspecteur d’accessibilité avec lui, mais pour cet article, nous allons simplement inspecter les applications par défaut sur un Mac.

Une fois Xcode ouvert, accédez à Xcode> Ouvrir l’outil de développement> Inspecteur d’accessibilité.

Vous devriez voir une fenêtre pop-up qui ressemble à ceci:

C’était facile! Dans les étapes suivantes, 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é consiste à permettre à votre Mac d’être contrôlé par celui-ci. Pour autoriser cela, vous devez vous rendre sur Préférences de système sur votre Mac. Vous pouvez le faire en ouvrant l’application depuis Rampe de lancement ou en appuyant sur Espace de commande sur votre clavier, puis recherchez « 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 à la Intimité onglet et faites défiler jusqu’à Accessibilité. Vous devrez ajouter l’inspecteur d’accessibilité comme l’une des applications, alors appuyez 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 appareils.

3. Inspection de dispositifs spécifiques

Comme mentionné à l’étape précédente, vous pouvez utiliser l’inspecteur d’accessibilité sur n’importe quel appareil; il ne se limite pas à l’iPhone ou au Mac. Apprenons donc à configurer l’inspecteur d’accessibilité avec divers appareils.

Si vous avez déjà utilisé votre iPhone avec Xcode, vous devriez pouvoir le voir dans le Sélecteur de cible. Habituellement, par défaut, votre Mac de développement est sélectionné. Si vous possédez une Apple Watch, vous pouvez également la voir apparaître dans la liste déroulante.

Si vous regardez juste à droite de cela, vous pourrez sélectionner certains processus de votre appareil sélectionné à inspecter. Encore une fois, par défaut, Tous les processus doit être sélectionné. Passez du temps et jouez 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 le Pointeur d’inspection. Cet outil utile est capable de donner des informations significatives sur un certain élément de l’interface utilisateur. Localisez l’icône qui ressemble à une cible, juste à droite du centre de la barre de menu (elle se situe entre Sélecteur de cible et le Détail d’inspection Icônes).

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

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

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

5. Audit de l’accessibilité

Avant de terminer ce didacticiel, j’aimerais vous présenter l’audit de vos applications pour l’accessibilité. Même si vous ne pouvez pas voir certains problèmes que les utilisateurs peuvent rencontrer lors de l’utilisation de votre application, l’inspecteur d’accessibilité est là pour vous.

Prenez un moment pour localiser le Audit 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 l’appareil que vous avez 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, appuyez simplement sur le bouton Audit et cliquez sur l’icône Lancer l’audit bouton qui apparaît.

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

Voici ce que l’Inspecteur d’accessibilité a renvoyé lorsque j’ai audité le Finder de macOS:

Comme vous pouvez le voir, même Apple a du travail à faire pour s’assurer que ses applications sont accessibles!

Conclusion

Vous n’avez peut-être jamais entendu parler de l’inspecteur d’accessibilité, mais c’est un outil très puissant qui peut vous aider à distinguer vos applications des autres. Grâce à 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 plus sur les moyens de rendre votre application accessible dans la semaine à venir.

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