Évaluez votre app pour les étiquettes d’accessibilité

Bonjour, je m’appelle James et je suis ingénieur logiciel en accessibilité. Aujourd’hui, je vais vous expliquer comment évaluer votre app pour ajouter des étiquettes d’accessibilité à la page produit de votre app. Moi c’est Lisa. Je suis designer et je travaille également dans le domaine de l’accessibilité. Je vais vous parler de design et de ce que vous pouvez faire pour rendre votre app plus accessible. Nous verrons comment évaluer votre app en fonction des étiquettes d’accessibilité. Lisa et moi présenterons les principes clés de l’accessibilité des apps et étudierons chaque fonctionnalité pouvant être prise en charge. Nous verrons comment favoriser l’accessibilité, tester votre app avec VoiceOver et le contrôle vocal, et diffuser des contenus multimédias accessibles. Pour finir, vous saurez mettre en avant l’accessibilité de votre app à l’aide des étiquettes d’accessibilité. Chez Apple, nous pensons que les meilleures technologies sont à la portée de tous. Lorsque vous intégrez de l’accessibilité à votre app, vous l’ouvrez à plus de personnes. De plus, en intégrant des technologies d’assistance comme VoiceOver et le contrôle vocal, vous débloquez l’accès à votre app. Les étiquettes d’accessibilité présentent les fonctionnalités gérées par votre app dans l’app Store. Tous et toutes sauront si votre app offre les fonctionnalités essentielles dont ils ont besoin. Pour que votre app puisse mentionner les fonctionnalités d’accessibilité, les utilisateurs doivent pouvoir effectuer toutes les tâches courantes. Commencez par définir vos tâches courantes. Il s’agit des fonctionnalités principales pour lesquelles votre app est téléchargée, ainsi que des fonctionnalités d’utilisation clés d’une app en général. Cela inclut l’expérience initiale de lancement, la connexion, l’achat et les paramètres. Définissez ce que les gens peuvent faire dans votre app. Après identification des tâches courantes de votre app, évaluez chaque fonctionnalité d’accessibilité disponibles dans les étiquettes d’accessibilité. Envisagez une stratégie de test évaluant chaque tâche courante de votre app avec chaque fonctionnalité. Cette stratégie vous aidera à découvrir quelles fonctionnalités sont prises en charge ou non par votre app. Veillez à effectuer les tests sur tous les appareils compatibles. Cela inclut l’iPhone, l’iPad, les produits Mac, Apple Watch et plus encore. Si une fonctionnalité n’est pas prise en charge par votre app, ne l’indiquez pas. Il est essentiel d’informer précisément les gens sur l’utilisation de votre app. Pour plus d’exactitude, consultez la documentation sur les étiquettes d’accessibilité. Les critères d’évaluation servent à standardiser l’expérience utilisateur fournie par une app pour considérer qu’une fonctionnalité est bien prise en charge. Cela garantit la cohérence des réponses des apps dans tout l’App Store. Une fois prêt, vous pourrez ajouter des étiquettes d’accessibilité. Vous les ajouterez à la page produit de vos apps dans App Store Connect. Toutes les fonctionnalités d’accessibilité de vos apps s’affichent sur votre page produit. Les étiquettes d’accessibilité contiennent les principes fondamentaux de l’accessibilité des apps. Ces principes vous aideront à évaluer chaque fonctionnalité. James, c’est peut-être l’occasion d’utiliser Landmarks, l’app sur laquelle nous travaillons. Oui, c’est une excellente idée. Pourquoi ne pas leur raconter nos débuts ? L’accessibilité des apps commence dès la conception. Vous voulez concevoir une interface adaptée à chacun, quelle que soit sa façon d’interagir avec son appareil. Comme l’a dit James, il faut se familiariser avec les fonctionnalités d’accessibilité comme le contrôle vocal et l’agrandissement de texte, les activer et faire attention à ce que les gens entendent et voient avec votre app. Si possible, échangez avec la communauté des personnes handicapées. Faire des tests auprès de ceux qui utilisent les fonctionnalités de votre app est l’un des moyens fiables d’en évaluer l’accessibilité. Je suis légalement aveugle en raison d’une forme rare de dégénérescence maculaire. Cela affecte ma vision centrale, rendant tout flou. Imaginez par exemple que j’effectue l’une de mes randonnées préférées. Je peux voir les gros objets comme les arbres, les rochers, le sentier, mais je dois beaucoup m’approcher, notamment pour lire un panneau. Quand j’utilise mon iPhone, j’utilise les caractères de grande taille pour tout, la lecture, le travail et mes tâches personnelles. Dans la communauté des personnes handicapées, nous croyons fermement que nous devons pleinement participer aux décisions nous concernant et ne pas être laissées de côté. Le meilleur moyen de garantir l’accessibilité de votre app est de faire appel aux personnes directement concernées. Et je peux vous dire que si une app est conçue dans le respect de ma cécité, je me sens incluse et appréciée en tant que cliente. C’est pourquoi les étiquettes d’accessibilité sont si importantes. Passons à la première série de fonctionnalités. Oui, commençons. Cette première série de fonctionnalités permet d’appliquer la notion d’accessibilité. Commençons par la couleur. La couleur améliore la communication et aide les gens à recevoir l’information. Le contraste entre les couleurs d’avant et d’arrière-plan doit être suffisamment marqué. Cela assure la lisibilité du texte et aide les personnes à trouver ce qu’elles cherchent. Il est important de concevoir votre app à l’aide de codes couleur contrastés. Si, par défaut, votre app ne fournit pas le contraste minimal, vérifiez que c’est le cas avec le réglage Augmenter le contraste activé. Pour notre app, nous avons voulu des couleurs très contrastées. Certaines n’offraient pas un contraste suffisant, aussi nous avons choisi d’autres couleurs pour prendre en charge le réglage Augmenter le contraste. Cela s’applique aux apparences claires et sombres. Après avoir testé les tâches courantes de l’app Landmarks pour vérifier le contraste, nous n’avons trouvé aucun autre problème. La prise en charge d’un contraste suffisant sera mentionnée dans les étiquettes d’accessibilité. Vient ensuite l’interface sombre. Les personnes sensibles à la lumière utilisent souvent le mode sombre ou un arrière-plan plus sombre. Les grandes zones blanches ou lumineuses de l’écran peuvent causer une gêne, voire de la douleur. Mes yeux étant sensibles à la lumière, les interfaces sombres rendent la lecture plus confortable. Si votre app n’a pas encore d’interface sombre, assurez-vous que c’est le cas lorsque le mode sombre est activé. Notre app gère le mode sombre, mais pour le vérifier, nous effectuerons quelques tâches courantes. Nous vérifierons aussi avec l’inversion intelligente activée. Cette fonctionnalité d’accessibilité inverse les couleurs de l’interface. Vous souhaitez vérifier que les couleurs d’un support ne sont pas inversées. Une fois établi le fait que notre app gère un arrière-plan sombre, nous pouvons mentionner l’existence d’une interface sombre dans nos étiquettes. Certaines personnes ont besoin d’agrandir la taille du texte pour le lire. Lors de la conception de votre app, vérifiez que la taille du texte s’agrandit jusqu’à 200 %. Idéalement, le texte peut s’agrandir davantage. Personnellement, j’ai besoin de 310 %. Si possible, gérez des tailles de texte supérieures à 200 %. Il faut aussi concevoir une mise en page permettant d’agrandir la taille du texte sans chevauchement ni troncature importante. Prévoyez de l’espace et des lignes en plus pour gérer les tailles de texte supérieures. Pour les commandes ne pouvant être agrandies, d’autres options de conception sont dans la documentation. Utilisez les polices dynamiques pour gérer les textes plus grands dans votre app. Pour en savoir plus, regardez la vidéo de la WWDC24 « Get started with Dynamic Type ». Si le texte s’agrandit au moins jusqu’à 200 % durant une tâche courante dans l’app iOS, vous pouvez ajouter l’option d’agrandissement du texte à vos étiquettes. James, testons notre app. C’est une excellente idée. J’ai des questions sur l’utilisation des textes agrandis pour ceux qui en ont besoin. Nous travaillons ensemble depuis un certain temps. Je sais que tu utilises chaque jour des textes agrandis. Puis-je vous poser quelques questions ? Bien sûr ! Je documenterai tous les problèmes rencontrés. Je dispose déjà de tailles de texte agrandies à des fins d’accessibilité. Et la taille de texte sur cet iPhone est de 235 %. Dans l’app Landmarks, je vois que le texte est plus grand que la taille par défaut. L’une des caractéristiques de Landmarks est que l’on peut regrouper des points de repère dans des collections. Nous avons déjà créé une collection Équipe Accessibilité pour planifier nos randos. Hé, je sais ! Mettons à jour la collection Équipe Accessibilité. Bonne idée. Peut-être pourrions-nous choisir un prochain lieu de rando pour l’équipe. Parfait. Super, voyons les collections. Je vais appuyer sur le bouton Retour, puis sur le bouton Collections. Hé Lisa, j’ai vu que la collection Voyages 2023 était un peu désalignée. Ce doit être un bogue, n’est-ce pas ? Ce n’est pas parfait, mais j’arrive à lire le nom de la collection. Cela n’empêchera pas de mentionner l’option d’agrandissement, mais nous devrions penser à corriger la mise en page. Je vais l’écrire. Regardons cela de plus près.

Hmm, la description est tronquée. Nous devrions vraiment structurer ce texte sur plusieurs lignes. J’ajoute cela à la liste des bogues. Je vais modifier la collection.

Attendez. Pourquoi le texte du champ de description ne s’agrandit-il pas ? Je vais vérifier si l’on peut faire défiler le texte. Il semble que le champ de description ne s’adapte pas aux textes agrandis. Je peux faire défiler le texte, mais c’est plus fastidieux. Lisa, maintenant que nous avons plus d’infos, qu’en penses-tu ? Franchement, tous ces bogues compliquent l’obtention d’infos sur la collection. Nous devrions les corriger avant de mentionner l’option d’agrandissement. Je suis d’accord. Une fois nos tâches courantes terminées, nous consulterons la documentation du développeur pour résoudre ces bogues. Nous pouvons adapter les champs de texte au texte agrandi et éviter les troncations grâce à des renvois à la ligne. En raison de ces problèmes, l’option d’agrandissement ne figurera pas dans Landmarks. Une fois ces problèmes résolus et nos autres tâches testées, nous reviendrons dans App Store Connect pour modifier les infos de support. Penchons-nous sur la couleur. Lors de l’utilisation de la couleur, il faut savoir que les gens peuvent percevoir les couleurs différemment. De nombreuses apps utilisent la couleur comme un vecteur d’infos. Par exemple, certaines apps utilisent le rouge ou le vert pour indiquer une réussite ou un échec. Les personnes daltoniennes peuvent passer à côté de ce statut. Lors de la conception, utilisez des formes, des icônes ou du texte en plus de la couleur pour les infos importantes. Vous pouvez aussi autoriser la personnalisation de la couleur dans votre app. Notre app utilise de la couleur et des icônes pour afficher des éléments clés, comme le bouton de la corbeille. La couleur n’est donc pas le seul outil pour ces éléments. Pour vérifier notre conformité aux critères, nous examinerons les tâches courantes en veillant à l’utilisation de la couleur. Une fois établi le fait que la couleur n’est pas le seul vecteur d’infos dans l’app Landmarks, nous pourrons ajouter Différencier sans couleur seule à nos étiquettes d’accessibilité. Parlons du mouvement. Les mouvements peuvent optimiser l’expérience dans une app, mais aussi provoquer de graves étourdissements ou nausées. Et ainsi vous empêcher d’utiliser l’app. Les déclencheurs peuvent inclure : transitions de zoom ou de glissement, clignotements, animations automatiques ou effets de parallaxe. Pour remédier à cela, il y a le paramètre de réduction des mouvements. Pour le gérer, examinez votre tâche courante et identifiez les animations susceptibles d’être des déclencheurs. Vous pouvez modifier ces animations au lieu de les supprimer. Si votre app ne contient pas ces déclencheurs, vous pouvez mentionner la fonctionnalité de réduction du mouvement. Pour évaluer notre app, nous exécuterons des tâches courantes en examinant tout mouvement. Nous lirons la documentation pour connaître les animations problématiques ou celles dont nous ne sommes pas sûrs. Une fois que les déclencheurs de mouvement ont été supprimés, vous pouvez ajouter la réduction du mouvement à vos étiquettes d’accessibilité. En plus d’une conception accessible, votre app peut comporter des API orientées accessibilité, ce qui permet aux personnes dépendantes de profiter de votre app. Voyons maintenant deux de ces technologies, le contrôle vocal et VoiceOver. Le contrôle vocal est l’une des technologies d’assistance d’Apple qui permet de contrôler son appareil par la parole. Le contrôle vocal permet de toucher, balayer, etc. à l’aide de commandes vocales. Il est important de s’assurer que le contrôle vocal interagit avec toute partie de votre app réagissant au toucher, par exemple les boutons de retour et les champs de recherche. Le contrôle vocal s’appuie sur la fourniture par votre app de métadonnées à l’élément d’accessibilité de la vue. Par exemple, le modificateur d’accessibilité d’un bouton spécifie le nom de ce bouton. Les personnes peuvent le prononcer pour activer le bouton via le contrôle vocal. Nous verrons comment évaluer la prise en charge du contrôle vocal dans votre app, mais vous devriez consulter la documentation du développeur pour plus d’infos. Je pense d’ailleurs que le contrôle vocal sera utilisé pour trouver des points de repère. Testons notre app. Compris. Nous allons vérifier que l’on peut piloter les tâches courantes avec les commandes vocales. Après avoir activé le contrôle vocal, j’ouvre l’app Landmarks. Ensuite, je demande Montre les noms et je m’assure que les articles ont des étiquettes descriptives et précises. J’effectue des tâches courantes via le contrôle vocal. Lorsque c’est utile, j’utilise des commandes pour faire défiler, glisser et effectuer d’autres interactions. Il est important de n’utiliser que les commandes vocales, à l’exclusion du toucher ou du curseur, pour que les personnes dépendantes de ces commandes puissent parcourir les fonctionnalités de notre app. Une fois confirmé le fait que l’app est pilotable avec des commandes vocales, vous pouvez le mentionner sur vos étiquettes d’accessibilité. Nous allons maintenant aborder VoiceOver. La bonne nouvelle, c’est que le travail d’API effectué pour le contrôle vocal concernera aussi VoiceOver. VoiceOver est l’une des technologies d’assistance d’Apple qui permet de naviguer dans une interface sans avoir besoin de voir l’écran. On peut faire un geste ou lancer une commande clavier pour cibler l’interface avec VoiceOver. Lorsqu’un bouton est détecté, VoiceOver prononce le nom de ce dernier. De même, lorsqu’un texte est détecté, VoiceOver lit le texte. Puis, à l’aide d’un autre geste ou d’une autre commande clavier, VoiceOver peut activer l’élément sélectionné. Lisa, peux-tu m’aider à évaluer les points de repère avec VoiceOver. Je connais les technologies d’assistance, mais votre utilisation de VoiceOver m’intéresse particulièrement. J’utilise VoiceOver lorsque je ne peux pas voir les détails à l’écran. C’est logique. Puis-je poser d’autres questions pendant que nous travaillons ? - Bien sûr ! - Merci.

De façon générale, je veux m’assurer que les tâches courantes sont réalisables avec les commandes VoiceOver. Je commence par activer VoiceOver à l’aide du raccourci d’accessibilité.

« VoiceOver activé, points de repère, activation de la barre latérale, bouton. » Vous entendez VoiceOver prononcer « VoiceOver activé », puis le nom du premier bouton. C’est un bon point de départ. - Avec VoiceOver, comment comprendre la structure d’une app ? - Je balaye vers la droite pour survoler chaque bouton avec VoiceOver.

« Rechercher. Champ de recherche. » « Afficher les badges, bouton. » « Point de repère en vedette. Mont Fuji, bouton. » « Actions disponibles. » À mesure que chaque bouton est survolé, j’entends le nom et le type d’élément. Je sais ainsi ce que c’est et ce qu’il peut faire. Pour comprendre la disposition de l’app, je peux faire glisser mon doigt sur l’écran. « Désert du Sahara, bouton. » « Serengeti, bouton. » « Désert du Sahara, bouton. » Je peux ainsi savoir que le Sahara est à gauche du Serengeti et inversement. Il semble important de tenir compte du fait que VoiceOver modifie la navigation. Les utilisateurs utilisent le toucher pour survoler et interagir. Utilisons maintenant VoiceOver pour ajouter des points de repère à la collection Équipe Accessibilité. Il y a généralement une barre latérale à gauche. Je vais utiliser VoiceOver pour la trouver et l’activer.

« Afrique. » « Mont Everest, bouton » « Wulinguan, bouton. » « Mont Fuji, bouton. » « Asie. » « Point de repère en vedette, Mont Fuji, bouton. » « Afficher les badges, bouton. » « Recherche, champ de recherche. » « Basculer la barre latérale, bouton. » « Basculer la barre latérale, bouton. » Maintenant, je balaye vers la droite jusqu’à ce que je trouve le bouton Collections. « Barre latérale, points de repère, bouton. » « Carte, bouton. » « Collections, bouton. » - Ah, voilà. J’appuie deux fois pour l’activer. « Sélectionné, Collections. » - VoiceOver a confirmé que le bouton Collections est activé et que nous sommes maintenant dans la vue Collections. Trouvons et ouvrons la collection Équipe Accessibilité. Tout d’abord, je ferme la barre latérale. « Carte, bouton. » « Points de repère, bouton. » « Basculer la barre latérale, bouton. » « Basculer la barre latérale. » « Recherche, champ de recherche. » « Afficher les badges, bouton. » « Favoris. » « Désert du Sahara, bouton. » « Îles Shetland du Sud, bouton. » « Montagnes Rocheuses, bouton. » « Salar d’Uyuni, bouton. » « Mes collections. » « Équipe Accessibilité, trois éléments, bouton. » - Ouvrons ceci. « Équipe Accessibilité ». - Passons en revue les points de repère déjà ajoutés. « Endroits où l’équipe Accessibilité peut partir en randos. » « Grand Canyon, bouton. » « Chutes du Niagara, bouton. » « Joshua Tree, bouton. » « Joshua Tree, bouton. » « Actions disponibles. » - OK, Joshua Tree est le dernier point de repère. Une assez bonne liste. Maintenant, ajoutons Muir Woods à notre collection. Je cherche le bouton Modifier. « Chutes du Niagara, bouton. » « Grand Canyon, bouton » « Endroits où l’équipe Accessibilité peut... » « Équipe Accessibilité » « Rechercher, champ de recherche’ « Modifier, bouton » « Modifier » « Sélectionné, sélectionné, bouton » « Rechercher, rechercher votre... » « Titre » « Équipe Accessibilité » « Description » Lieux où l’équipe Accessibilité... » « Points de repère » « Sélectionner, bouton » « Sélectionner le titre d’un point de repère » « Sélectionné. Sélectionner Asie, titre. « Mont Fuji. » - Afin de parcourir cette liste rapidement, je fais défiler vers le haut en balayant avec trois doigts. « Page deux sur cinq. » « Page trois sur cinq. » - Ajoutons maintenant Muir Woods à la collection. « Kirchufel Mountain. » « Amérique du Nord, titre. » « Sélectionné, Grand Canyon. » « Sélectionné, Chutes du Niagara. » « Sélectionné, Joshua Tree.  » « Montagnes Rocheuses. » « Monument Valley. » « Muir Woods. » - Ah, le voilà. Ajoutons ceci à notre collection. « Sélectionné. Muir Woods. » - Merci, Lisa, c’est très instructif. Cela contextualise la façon dont les utilisateurs de VoiceOver utiliseront les points de repère après mise en ligne. Lisa, je dois m’entraîner à reproduire ces gestes. As-tu des conseils ? Il existe des didacticiels interactifs et des paramètres qui vous apprendront à utiliser VoiceOver. Nous devrions vraiment échanger avec les utilisateurs réguliers de VoiceOver, afin de rassembler divers commentaires. Sans feedback, nous ne pouvons évaluer la complexité d’une tâche courante dans notre app. Nous recueillerons aussi les commentaires des testeurs internes et finirons d’évaluer les tâches courantes avec VoiceOver. Nous indiquerons une prise en charge en l’absence d’autre problème. Jusqu’à présent, nous avons évoqué les décisions de conception possibles et les technologies d’aide pour que les gens profitent de vos apps. Vous pouvez aussi indiquer que vous soutenez l’accessibilité des médias grâce aux étiquettes d’accessibilité. Les sous-titres fournissent des descriptions textuelles des dialogues et d’autres contenus audibles pendant la lecture des contenus multimédias. Les sous-titres permettent aux sourds et malentendants d’avoir des infos essentielles, comme le discours, la communication non verbale, la musique et les effets sonores. Vérifiez que les sous-titres peuvent s’activer pour les contenus vidéo ou audio. Une fois établi que votre app fournit des sous-titres pour le contenu, vous pouvez les ajouter à vos étiquettes d’accessibilité. Lisa et moi avons confirmé un point intéressant quand nous avons testé la gestion des sous-titres par Landmarks. Au terme des tâches courantes, nous avons réalisé que notre app n’avait aucun contenu vidéo ou audio exclusif. Dans ce cas, nous n’indiquerons pas que Landmarks gère les sous-titres. C’est ok. Cela décrit avec précision les fonctionnalités que les gens s’attendent à trouver dans l’app. Les descriptions audio fournissent des infos entre les pauses naturelles du flux audio principal du média, qui décrivent ce qui se passe durant le contenu visuel. Veillez à ce que du contenu associé à des descriptions audio soit accessible. Par exemple, la plupart des apps de streaming vidéo affichent une icône AD. Si des personnes peuvent trouver et activer les descriptions audio dans votre app, vous pouvez stipuler cette prise en charge. Une fois confirmé le fait que votre app fournit des descriptions audio, vous pouvez ajouter cette fonctionnalité à vos étiquettes d’accessibilité. Comme les sous-titres, Landmarks ne propose aucun contenu nécessitant des descriptions audio. Nous ne stipulerons donc aucune prise en charge. Je pense que nous sommes prêts à promouvoir l’accessibilité de notre app. Dans App Store Connect, vous pouvez ajouter des fonctionnalités aux étiquettes d’accessibilité sur votre page produit. Vous pouvez aussi ajouter un lien vers votre site web pour renseigner sur l’accessibilité de votre app. Voyons comment cela fonctionne pour Landmarks. Nous avons beaucoup appris sur notre app Landmarks en évaluant des tâches courantes pour chaque fonctionnalité. Nous avons vérifié que notre app gère les fonctionnalités Contraste suffisant, Interface sombre, Différenciation sans couleur seule, Réduction des mouvements, Contrôle vocal et VoiceOver. Nous avons trouvé des problèmes avec l’option d’agrandissement, mais les avons corrigés avant ajout à nos étiquettes d’accessibilité. Nous avons aussi confirmé que les sous-titres et les descriptions audio ne sont pas pertinents pour notre app et ne seront pas ajoutés. Passons à notre page produit dans App Store Connect. Nous avons sélectionné les fonctionnalités prises en charge pour les étiquettes d’accessibilité. Nous avons aussi ajouté un lien vers notre site web sur l’accessibilité. Désormais, nous sommes prêts pour la publication. J’ai hâte que les gens utilisent les étiquettes d’accessibilité lorsqu’ils voudront utiliser notre app. Nous sommes ravis de partager l’excellent travail que vous avez accompli pour rendre vos apps accessibles. Vous pouvez consulter la documentation du développeur et commencer à évaluer vos apps dès aujourd’hui. N’oubliez pas de vous associer à des personnes ayant besoin de fonctionnalités d’accessibilité. Apprenez à utiliser des fonctionnalités comme VoiceOver et le contrôle vocal. Les membres de la communauté des handicapés sauront rapidement que nous pouvons aussi apprécier votre app. N’hésitez donc pas à mettre en avant l’accessibilité de votre app. Dans votre app, pensez à l’accessibilité dès la phase de conception. Testez chaque fonctionnalité d’accessibilité à l’aide des tâches courantes de votre app pour déterminer celles qui sont prises en charge. Une fois prêt, présentez la gestion de l’accessibilité dans votre app en ajoutant des étiquettes d’accessibilité sur la page produit. Pour en savoir plus sur les critères d’évaluation et les moyens d’améliorer l’expérience d’accessibilité de votre app, consultez la documentation sur les étiquettes d’accessibilité. Merci pour le temps que vous nous avez consacré aujourd’hui. Lisa, maintenant que nous savons à quel point l’app Landmarks est accessible, nous pourrions emmener l’équipe Accessibilité en rando. Voilà une idée formidable !