Advertisement
  1. Code
  2. Accessibility
Code

Accessibilité pour les applications iOS: Inspecteur de l'accessibilité

by
Length:ShortLanguages:

French (Français) translation by Rachid Sakara (you can also view the original English article)

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

Pour marquer la Journée internationale des personnes handicapées des Nations Unies, examinons comment rendre nos applications iOS plus accessibles.

Il y a plusieurs millions d'utilisateurs de smartphones dans le monde qui ont une sorte de handicap, comme une vision limitée, une perte d'audition partielle ou une difficulté avec le contrôle moteur fin. Si vous ne tenez pas compte des implications de l'accessibilité de votre application et de la conception de votre interface utilisateur, vous risquez de manquer l'opportunité de bénéficier de votre application.

Apple s'engage à mettre ses produits à la disposition de tous les utilisateurs et il a fourni les développeurs avec une pléthore d'outils pour y parvenir. L'un de ces outils est l'inspecteur de l'accessibilité, qui est utilisé pour afficher les attributs des éléments affichés sur un écran.

Même si Inspecteur de l'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 l'outil Inspecteur de l'accessibilité pour vérifier l'accessibilité de vos applications.

Ouverture de l'inspecteur de l'accessibilité

Pour afficher l'inspecteur de l'accessibilité, vous devez tout d'abord ouvrir le Xcode. Si vous avez un iPhone, vous pouvez utiliser l'inspecteur de l'accessibilité avec, mais pour cet article, nous allons simplement inspecter les applications par défaut sur un Mac.

Une fois Xcode est ouvert, naviguez jusqu'à Xcode > Open Developer Tool > Accessibility Inspector.

Opening the Accessibility Inspector

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

Accessibility Inspector

C'était facile, n'est ce pas? Dans les prochaines étapes, nous verrons comment tirer parti des fonctionnalités de l'inspecteur de l'accessibilité.

Autorisations pour l'inspecteur de l'accessibilité

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

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

System Preferences

De là, allez vers Sécurité et confidentialité, que vous trouverez dans la rangée supérieure. Une fois que vous cliquez dessus, vous verrez ceci:

Figure 4 Security Privacy

Enfin, allez dans l'onglet Confidentialité et descendez jusqu'à Accessibilité. Vous devez ajouter l'inspecteur de l'accessibilité en tant que l'une des applications, alors appuyez sur le bouton plus et recherchez-le.

Figure 5 Grant Access to Acccessibility Inspector

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

Inspection de périphériques spécifiques

Comme il a été mentionné dans l'étape précédente, vous pouvez utiliser l'inspecteur de l'accessibilité sur n'importe quel périphérique; Ce n'est pas limité à iPhone ou seulement Mac. Apprenons donc comment configurer l'inspecteur de l'accessibilité avec différents périphériques.

Figure 6 Device Selection

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 développement Mac est sélectionné. Si vous avez un Apple Watch, vous pouvez également le voir apparaître dans la liste déroulante.

Si vous regardez juste à droite de cela, vous serez en mesure sélectionner certains processus de votre appareil sélectionné à l'inspecter. Encore une fois, par défaut, tous les processus doivent être sélectionnés. Prenez le temps de jouer avec différents périphériques et lorsque vous êtes prêt, passez à l'étape suivante, où nous apprendrons à utiliser l'outil Pointeur d'inspection.

Utilisation du pointeur d'inspection

La partie le plus grande de l'inspecteur de l'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 trouve entre le Sélecteur de cible et les icônes de détail d'inspection). Localisez l'icône qui ressemble à une cible, juste à droite du centre de la barre de menu (elle se trouve entre le Sélecteur de cible et les icônes de détail d'inspection).

C'est comme je l'ai mentionné plus tôt, nous utiliserons les applications boursières sur notre Mac de développement pour utiliser cet outil, alors assurez-vous que votre développement Mac est sélectionné avec le Finder dans le sélecteur de cible. Appuyez sur l'icône Pointeur d'inspection pour qu'il devienne bleu et 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.

Inspection Pointer

D'une autre part, si vous regardez de plus près l'onglet Avancé, vous pourrez modifier certains attributs de l'élément sélectionné. À l'étape suivante, vous apprendrez à vérifier l'accessibilité des applications.

Auditer l'accessibilité

Avant de terminer ce didacticiel, j'aimerais vous présenter l'audit de vos applications en termes d'accessibilité. Même si vous ne parvenez peut-être pas à voir les problèmes que les utilisateurs peuvent avoir à utiliser votre application, l'inspecteur de l'accessibilité est à votre disposition.

Prenez une petite moment pour localiser l'icône Audit dans la barre d'outils. C'est là que vous serez en mesure de voir les problèmes spécifiques avec le processus sélectionné sur votre appareil choisi. Pour commencer, vous devez resélectionner votre système et votre appareil (comme vous l'avez fait à l'étape précédente), mais cette fois ci, vous devez simplement appuyer sur l'icône Audit et cliquer sur le bouton Exécuter l'audit qui apparaît.

Votre inspecteur de l'accessibilité doit retourner avec tous les avertissements et les 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 d'image utilisé 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 l'icône en forme d'œil juste à côté d'un problème. l'inspecteur de l'accessibilité vous montre une capture d'écran avec le problème en surbrillance.

Voici ce que l'inspecteur l'accessibilité renvoyé lorsque j'ai audité macOS Finder:

Run Accessibility Audit

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

Conclusion

Vous n'avez peut-être jamais entendu parler de l'inspecteur de l'accessibilité, mais il s'agit d'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 - je vous écris plus sur les moyens de rendre votre application accessible dans la prochaine somaine.

Pendant que vous êtes ici, consultez quelques-uns de nos autres messages sur le développement de l'application iOS!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.