Stratégies d’accessibilité pour iOS : Rendre les applications inclusives pour tous les utilisateurs

Introduction

La création d’applications accessibles garantit que tout le monde, y compris les personnes handicapées, puisse utiliser nos applications. En intégrant des fonctionnalités d’accessibilité avancées, nous pouvons améliorer l’expérience utilisateur et rendre notre application inclusive. Ce blog explique pourquoi l’accessibilité est cruciale, comment elle améliore notre application et les étapes de mise en œuvre des modificateurs d’accessibilité dans les applications iOS.

Pourquoi l’accessibilité est importante
L’accessibilité garantit que les personnes handicapées peuvent utiliser notre application efficacement. Il ne s’agit pas seulement d’une exigence légale dans de nombreuses régions, mais aussi d’une obligation éthique de fournir un accès égal à la technologie à tous les utilisateurs. De plus, l’accessibilité améliore la convivialité pour tous. Par exemple, un texte clair et facile à lire profite à tous les utilisateurs, en particulier dans diverses conditions d’éclairage ou pour ceux qui souffrent de handicaps temporaires.

Comment l’accessibilité peut aider

• Portée des utilisateurs : Élargit la base d’utilisateurs de notre application en incluant les personnes handicapées, soit environ 15 % de la population mondiale.
• Satisfaction des utilisateurs : Améliore la satisfaction globale et les évaluations des applications, montrant que nous nous soucions de tous les utilisateurs.
• Conformité: Répond aux exigences légales, évitant ainsi d’éventuelles poursuites.
  Impact sur la qualité des applications: Améliore la convivialité, la navigation et la clarté des informations pour tous les utilisateurs.

Toutes les applications doivent donner la priorité à l’accessibilité, en particulier dans les domaines de la santé, de la banque, de l’éducation et des médias sociaux. Les applications du gouvernement et des transports publics doivent être accessibles pour garantir que chacun ait un accès égal aux informations vitales.

Comment implémenter des modificateurs d’accessibilité

Pour implémenter l’accessibilité iOS, nous utiliserons des modificateurs tels que l’accessibilitéLabel, l’accessibilitéHint, l’accessibilitéValue et d’autres sur les éléments de l’interface utilisateur. Ceux-ci fournissent des informations descriptives, des conseils contextuels et des comportements exploitables pour les utilisateurs de VoiceOver. VoiceOver décrit le contenu de manière audible et fournit un retour tactile, garantissant ainsi que les utilisateurs handicapés peuvent naviguer et interagir avec notre application. Pour activer VoiceOver, accédez à « Paramètres » sur votre appareil iOS, sélectionnez « Accessibilité » et basculez VoiceOver sur « Activé ».

Implémentation du code :

Vous trouverez ci-dessous une explication détaillée de tous les modificateurs d’accessibilité utilisés dans le code ci-dessus. Tous les exemples de ce blog sont présentés dans SwiftUI, mais les principes et techniques abordés sont également applicables à UIKit.

Étiquette d’accessibilité (accessibilityLabel) :

• But: Le texte (« Profile One ») utilise .accessibilityLabel (« Profile One »). Cette étiquette est lue à haute voix par VoiceOver pour décrire le texte aux utilisateurs malvoyants. Cela les aide à comprendre qu’il s’agit du titre de la page de profil.
• Mise en œuvre: Appliqué directement à l’élément Text à l’aide de .accessibilityLabel (« Profile One »).

Conseil d’accessibilité (accessibilityHint) :

• But: Le texte (« Profil 1 ») inclut également .accessibilityHint (« Ceci est l’en-tête de la page de profil »). Cet indice fournit un contexte supplémentaire sur le but ou la fonction du texte. Les utilisateurs de VoiceOver peuvent accéder à cet indice pour en savoir plus sur l’en-tête de la page de profil.
• Mise en œuvre: Ajouté à l’élément Texte à l’aide de .accessibilityHint (« Ceci est l’en-tête de la page de profil »).

Caractéristiques d’accessibilité (accessibilityAddTraits) :

• But: Le texte (« Profile One ») est encore amélioré avec .accessibilityAddTraits(.isHeader). Cette caractéristique informe VoiceOver que ce texte sert d’en-tête, indiquant son importance et son rôle dans le contenu.
• Mise en œuvre: Utilisé pour ajouter le trait d’en-tête à l’élément Texte, aidant ainsi les utilisateurs de VoiceOver à naviguer et à comprendre la structure de la page de profil.

Valeur d’accessibilité (accessibilityValue) :

• But: Le texte (« profile.one@example.com ») inclut .accessibilityValue (« profile dot one at example dot com »). Cela fournit l’adresse e-mail exacte comme valeur aux utilisateurs de VoiceOver, garantissant ainsi qu’ils reçoivent des informations exactes.
• Mise en œuvre: Défini sur l’élément Texte pour transmettre l’adresse e-mail aux utilisateurs de VoiceOver.

Action en matière d’accessibilité (accessibilitéAction) :

• But: Le bouton (« Déconnexion ») utilise .accessibilityAction() pour spécifier des actions lorsqu’il est activé par VoiceOver. Dans ce contexte, il est utilisé pour déconnecter l’utilisateur de l’application.
• Mise en œuvre: Implémenté avec .accessibilitéAction { /* code d’action */ } pour définir l’action de déconnexion spécifiquement pour l’activation de VoiceOver, améliorant ainsi l’accessibilité en fournissant une action directe aux utilisateurs de VoiceOver. Dans cet exemple, appuyer sur le bouton déconnecte l’utilisateur, tandis que l’activation de VoiceOver déclenche des actions ou des commentaires spécifiques, améliorant ainsi l’accessibilité dans les applications.

Élément d’accessibilité (accessibilityElement) :

• But: La section de profil et la liste du menu de profil utilisent .accessibilityElement(children: .contain) pour regrouper les éléments d’interface utilisateur associés à la navigation VoiceOver. Cela aide les utilisateurs de VoiceOver à comprendre et à parcourir ces sections comme des unités cohérentes plutôt que comme des éléments individuels.
• Mise en œuvre: Appliqué aux conteneurs (VStack, List) pour indiquer que leurs éléments enfants doivent être traités ensemble comme des unités uniques accessibles.

Lorsque VoiceOver est activé et que l’application est ouverte, elle décrira de manière audible les éléments à l’écran. Par exemple, sur la page de profil, VoiceOver lira le titre « Profil 1 » et l’annoncera comme en-tête., décrivez la photo de profil de l’utilisateur et fournissez des indications telles que « Ceci est l’en-tête de la page de profil ». Il décrira également l’adresse e-mail de manière conviviale et fournira des astuces contextuelles pour les éléments de menu et les boutons.
En regroupant les éléments liés à l’aide .accessibilityElement(enfants : .contain), VoiceOver traitera ces groupes comme des unités uniques, ce qui facilitera la navigation des utilisateurs malvoyants. Cela aide tous les utilisateurs à interagir et à comprendre plus efficacement le contenu de l’application.

Voici quelques modificateurs d’accessibilité supplémentaires que vous pouvez utiliser pour améliorer l’accessibilité de l’application.

UIAccessibility.post(notification:argument:): Envoie des notifications aux services d’accessibilité comme VoiceOver, alertant les utilisateurs des changements importants dans l’interface utilisateur. Ceci est particulièrement important dans les applications dont le contenu change fréquemment, comme les flux de réseaux sociaux ou les mises à jour sportives en direct.

Assurez-vous que tout changement important dans le contenu de l’application est rapidement communiqué aux technologies d’assistance. Par exemple, si un nouveau message arrive dans une application de chat, l’annoncer peut aider les utilisateurs à rester engagés et informés.

Priorité de tri d’accessibilité (accessibilitySortPriority) : Contrôle l’ordre de lecture des éléments d’accessibilité, en accordant une priorité plus élevée aux éléments les plus importants.

Accessibilité des rotors personnalisés (accessibilityCustomRotors) : améliorez la navigation des utilisateurs de VoiceOver en créant des options personnalisées. Les utilisateurs peuvent parcourir des listes ou des collections en faisant pivoter leurs doigts, idéal pour une navigation efficace dans les données. Utile dans les applications telles que les contacts, la messagerie électronique ou les achats. Exemple je

Le .accessibilitéRotor Le modificateur dans SwiftUI crée un rotor « Villes » pour les utilisateurs de VoiceOver. Il permet une navigation facile dans une liste de villes à l’aide de gestes familiers. Les entrées du tableau villes remplissent le rotor, en utilisant la propriété name de chaque objet City pour plus de clarté et de convivialité.

GrossissementGeste: permet aux utilisateurs d’effectuer des gestes de pincement pour zoomer sur des vues telles que des images ou du texte, en ajustant l’échelle du contenu en fonction de leur saisie tactile.

L’image utilise MagnificationGesture pour pincer pour zoomer. Pendant le geste (onChanged), il met à jour l’état de la balance et annonce le niveau de zoom pour les utilisateurs de VoiceOver. L’accessibilityValue rapporte dynamiquement le niveau de zoom sous forme de pourcentage. Les utilisateurs souffrant de déficiences motrices peuvent l’activer via AssistiveTouch en appuyant sur les commandes à l’écran ou en utilisant un commutateur.

Explorez tous les paramètres disponibles sous Accessibilité iOS pour personnaliser l’expérience de votre appareil. Les fonctionnalités remarquables incluent les réglages de VoiceOver, du zoom, de l’affichage et de la taille du texte, l’augmentation du contraste et la réduction de la transparence, qui améliorent la lisibilité et la convivialité à l’échelle du système.

L’activation de VoiceOver dans notre application sans code d’accessibilité spécifique lit les éléments d’interface utilisateur standard mais peut ne pas interpréter pleinement les contrôles personnalisés. L’ajout d’attributs tels que l’accessibilitéLabel et l’accessibilitéHint garantit que VoiceOver décrit les actions et le contenu avec précision, améliorant ainsi l’accessibilité. Pour des informations détaillées, reportez-vous à la documentation de notre application à l’adresse https://developer.apple.com/documentation/accessibility/.

Pour activer VoiceOver sur un simulateur, accédez à Xcode > Open Developer Tool > Accessibility Inspector > sélectionnez le simulateur. Lorsque VoiceOver ou Zoom sont actifs, la navigation gestuelle est essentielle.

Utilisez Siri si vous êtes bloqué ou suivez les étapes sur https://support.apple.com/en-in/guide/iphone/iph3e2e2329/iossi verrouillé en raison de fonctionnalités d’accessibilité – https://discussions.apple.com/thread/6513188?answerId=27944447022&sortBy=best#27944447022

Pour un exemple pratique et pour voir la mise en œuvre en action, vous pouvez consulter l’exemple de projet sur GitHub.

Conclusion

L’intégration de fonctionnalités d’accessibilité avancées dans notre application iOS n’est pas seulement une question de conformité, c’est aussi une question d’inclusivité et de satisfaction des utilisateurs. L’amélioration de la saisie à l’écran et la gestion de la confidentialité grâce au retour audio améliorent l’expérience utilisateur. Si VoiceOver facilite l’accessibilité, l’optimisation de la navigation reste cruciale. Donnez la priorité à ces améliorations pour affirmer notre engagement en faveur d’une conception centrée sur l’utilisateur et garantir que notre application est accessible à tous.

VOUS TROUVEZ CECI UTILE ? PARTAGEZ-LE