Comment intégrer des couches de tests d'accessibilité dans votre processus

Lors de la création de sites Web ou d'applications, les tests d'accessibilité sont essentiels pour garantir que ce que vous créez fonctionnera pour tous vos utilisateurs. Cela inclut les utilisateurs handicapés ainsi que les personnes ayant des limitations temporaires et situationnelles (comme ce collègue qui s'est cassé le bras en ski ou le client qui est à l'extérieur sur son téléphone avec des reflets sur l'écran).

Nous allons partager comment « superposer » les tests d'accessibilité en utilisant une variété d'outils et d'approches à différentes étapes du cycle de vie du produit numérique pour détecter les problèmes d'accessibilité au plus tôt, lorsqu'il est plus facile et moins coûteux de les résoudre. Adopter une approche en couches pour tester l'accessibilité de votre site améliore également la convivialité de votre site, ce qui à son tour augmente votre clientèle et réduit les demandes de service client. Cela peut à la fois vous rapporter et vous faire économiser de l'argent.

Nous utiliserons une analogie de gâteau en couches pour parler des différentes couches de test d'accessibilité et quand les utiliser. Les analogies alimentaires sont devenues très populaires dans le monde de l'accessibilité !

Cette approche a bien fonctionné pour nous deux. Mike est un défenseur chevronné de l'accessibilité et stratège principal dans une entreprise de technologie gouvernementale (CivicActions), et Kate est le chef des services d'une plateforme de test d'accessibilité (Fable).

Alors que Mike examine les tests d'accessibilité sous un angle plus technique au début de la phase de développement et la recherche de conformité sur les sites en ligne, Kate se concentre sur l' expérience utilisateur . Nous avons tous les deux réalisé que la combinaison de nombreux types de tests d'accessibilité tout au long du cycle de développement du produit est un moyen puissant d'améliorer l'accessibilité globale du produit. Dans cet article, nous partagerons certaines des choses que nous avons apprises.

La plupart des organisations abordent l'accessibilité de trois manières principales :

1. Exécution d'outils pour vérifier votre code et/ou votre interface utilisateur.
   Ceci est souvent appelé « test automatisé », car vous utilisez un logiciel pour tester automatiquement de nombreux problèmes d'accessibilité à la fois.
2. Utiliser votre ordinateur d'une manière différente de ce que vous faites normalement.
   Par exemple, en n'utilisant pas de souris, en zoomant votre navigateur à 200 %), ou en passant en mode contraste élevé de Windows.

   

3. Utiliser la technologie d'assistance et les utilisateurs handicapés pour vérifier les problèmes d'utilisabilité.
   Ceci est souvent appelé « test manuel », car il nécessite qu'une personne évalue les problèmes d'accessibilité.

Beaucoup trop d'organisations s'appuient exclusivement sur une seule solution d'accessibilité pour valider leur site. Aucun outil ou processus ne peut donner à une organisation l'assurance qu'elle répond réellement aux besoins du plus grand nombre de personnes possible.

Comment sécuriser l'adhésion pour l'accessibilité

Dans de nombreuses organisations, pour effectuer des tests d'accessibilité, vous aurez besoin de cadres pour hiérarchiser et soutenir le travail. Voici quelques conseils pour y parvenir si vous n'avez pas encore souscrit à l'accessibilité :

• Vérifiez s'il existe une obligation légale pour que votre organisation soit accessible.
  "Accessibility Act" et "Disability Act" sont des termes de recherche qui devraient afficher les lois pertinentes dans la plupart des pays. Le partage du risque juridique peut être la bonne incitation pour certaines organisations.
• Découvrez ce que font vos concurrents.
  Recherchez une déclaration d'accessibilité sur leurs sites Web. La plupart des organisations souhaitent garder une longueur d'avance sur la concurrence et savoir que d'autres accordent la priorité à l'accessibilité pourrait faire l'affaire.
• Communiquez avec le service à la clientèle pour savoir s'il y a des plaintes d'accessibilité.
  Si possible, contactez directement les clients pour connaître leurs expériences et partagez ces histoires avec les dirigeants de l'entreprise. Entendre parler de clients insatisfaits peut être une énorme source de motivation. Si vous pouvez obtenir la permission des clients, enregistrez une démonstration d'eux faisant face à des défis avec vos produits. Une vidéo comme celle-là peut être très convaincante.
• Expliquez les coûts financiers et les récompenses.
  De nombreuses entreprises pensent qu'elles ne peuvent pas se permettre de faire de l'accessibilité, mais c'est beaucoup plus abordable quand c'est intégré dans le travail quotidien et non pas une réflexion après coup. Il y a aussi les revenus potentiels des personnes handicapées - à l'échelle mondiale, ils représentent plus de 3 billions de dollars de revenu disponible.

• Trouvez le bon champion.
  Il y a de fortes chances qu'il y ait déjà quelqu'un au plus haut niveau de l'organisation qui se soucie des gens et qui fait ce qu'il faut. Il peut s'agir d'un responsable de la diversité et de l'inclusion, d'une personne qui lutte pour la durabilité environnementale ou d'autres problèmes. C'est peut-être quelqu'un avec un ami handicapé ou un membre de la famille. Les sensibiliser à l'accessibilité peut être tout ce dont ils ont besoin pour donner une nouvelle orientation à leurs efforts.

Rassembler vos ingrédients

L'accessibilité doit être intégrée à votre processus le plus tôt possible. Un point de départ est le processus d'approvisionnement. Vous pouvez intégrer l'accessibilité dans le cadre du processus d'examen de tous les systèmes technologiques que vous achetez ou construisez. DisabilityIN dispose d'excellentes ressources sur l'approvisionnement informatique accessible.

La recherche de déclarations d'accessibilité des fournisseurs ou de VPAT pour les produits peut aider, mais il peut également être utile de faire un examen rapide avec certains des outils mentionnés dans la recette ci-dessous. Tous les logiciels ne sont pas créés de la même manière, vous voulez donc vous assurer que vous travaillez avec des fournisseurs qui contribuent activement aux outils et aux processus qui vous aident à prioriser l'accessibilité dès le départ.

Une autre façon d'intégrer l'accessibilité tôt, si vous créez ou mettez à jour un système de conception, consiste à choisir une bibliothèque de composants qui a été conçue avec l'accessibilité à l'esprit. Recherchez des bibliothèques avec une déclaration d'accessibilité claire et une file d'attente de problèmes ouverts qui vous permet d'examiner les problèmes.

Exemples:

• L'équipe des composants angulaires a intégré l'accessibilité dans la bibliothèque Material UI . Par exemple, le composant bouton radio utilise un groupe radio avec une étiquette aria. Chaque bouton radio se lit comme coché ou non coché pour un utilisateur de lecteur d'écran, les boutons peuvent être sélectionnés à l'aide des touches fléchées comme les boutons radio HTML standard, et l'état ciblé est clairement visible.
• Reakit for React décrit une fonctionnalité d'avertissement d'accessibilité sur leur page d'accessibilité qui indiquera aux développeurs quand une étiquette aria est nécessaire.
• La bibliothèque de composants Web accessibles Lion utilise une étiquette a11y pour marquer les problèmes d'accessibilité dans GitHub afin que vous puissiez voir ce qui est amélioré et ouvrir votre propre problème si nécessaire.

Une autre façon d'intégrer l'accessibilité dans votre processus consiste à mettre à jour l'une des personnes que votre équipe utilise pour inclure les handicaps. De nombreuses personnes ont plus d'un handicap, donc la création d'au moins un personnage avec plusieurs handicaps vous assurera de garder ce public à l'esprit dans tous vos premiers travaux de conception.

Pour étoffer cette personnalité, parlez à des personnes ayant de réels handicaps - y compris des limitations temporaires et situationnelles - pour vous aider à comprendre comment elles utilisent la technologie, les sites et les applications dans le monde réel. Une personne sur cinq a une incapacité permanente, mais 100 % de la population sera confrontée à des troubles visuels, auditifs, moteurs ou cognitifs à un moment donné de sa vie. Nos personas peuvent refléter :

• les personnes souffrant d'allergies, d'insomnie ou de fractures osseuses ;
• les personnes utilisant une technologie obsolète ou utilisant leur ordinateur à l'extérieur ; ou même
• les personnes qui modifient leur utilisation de la technologie en fonction de leur emplacement (par exemple, en désactivant les images lorsqu'elles ont besoin d'économiser de la bande passante Internet).

De petits changements comme ceux-ci peuvent avoir un impact important sur la façon dont votre équipe pense. Une façon de présenter ce changement à la direction et aux équipes est de parler de la façon dont cela rendra vos personnages plus représentatifs de vos utilisateurs réels - ce qui est tout l'intérêt des personnages. Ils doivent être réalistes.

L'un des moyens les plus efficaces d'impliquer les personnes handicapées est de les faire participer à la conception conjointe de services et de produits. L'Australie propose une boîte à outils de formation gratuite sur la façon de faire de la co-conception avec des personnes handicapées. Il existe également une excellente étude de cas sur la façon dont une entreprise a organisé des sessions de co-conception avec des personnes ayant des troubles d'apprentissage au nom du gouvernement britannique.

Informatique héritée

Que cela nous plaise ou non, la plupart des décisions concernant l'informatique organisationnelle ont été prises il y a des mois (voire des années). Même lorsque vous êtes dans le feu d'un processus d'approvisionnement, l'accessibilité n'est généralement qu'une des nombreuses considérations. C'est normal, même dans les organisations passionnées par l'accessibilité.

Avec la technologie héritée, la première étape consiste simplement à sensibiliser le fournisseur ou l'équipe à l'importance de l'accessibilité. Si vous pouvez détailler les problèmes d'accessibilité que vous souhaitez résoudre à l'aide d'outils automatisés, cela peut aider à ajuster la façon dont un fournisseur classe sa file d'attente de problèmes. Il n'y a pas toujours de portail communautaire pour publier des problèmes comme celui-ci, mais il peut y avoir une communauté sur Twitter ou Reddit où vous pouvez mettre en lumière des problèmes.

De plus, il pourrait y avoir un thème personnalisable qui pourrait être ajusté pour répondre à certaines des préoccupations. Certaines solutions peuvent offrir une interface de programmation d'application (API) qui permettrait à un développeur de créer une interface utilisateur accessible autour d'elle.

Si un fournisseur a des concurrents, il peut être utile de mettre en évidence les fonctionnalités d'accessibilité incluses dans ce produit. Il peut être avantageux de rappeler aux fournisseurs que vous avez des options.

Si l'informatique héritée est un produit construit en interne, un bon moyen de l'évaluer rapidement consiste à utiliser uniquement le clavier. Si vous ne pouvez pas utiliser le produit avec un clavier (par exemple, il n'y a pas de focus visible ou l'interface utilisateur n'est cliquable qu'avec la souris), il faudra probablement beaucoup d'efforts pour améliorer l'accessibilité du produit.

Envisagez d'offrir d'autres moyens d'accéder au service (par exemple, une assistance téléphonique, un service en personne ou par e-mail) afin que les personnes qui ne peuvent pas accéder au produit numériquement en raison d'obstacles à l'accessibilité puissent toujours obtenir ce dont elles ont besoin.

Pensez à la feuille de route organisationnelle et au moment où il pourrait être possible de mettre à niveau ou de retirer le produit et pesez le coût et l'effort d'accessibilité par rapport à cela. Si vous avez d'autres produits plus récents qui ne sont pas accessibles, il peut être plus productif de concentrer vos efforts sur ces produits si un outil hérité approche de la fin de sa vie.

La recette

Voici un exemple d'approche de test d'accessibilité complète, avec cinq couches pour un gâteau de test d'accessibilité vraiment délicieux. Déterminez quel sera votre budget, puis évaluez toutes les différentes approches de test. Certains sont gratuits, d'autres coûteront de l'argent. Dans la section suivante, nous vous conseillons par où commencer si toutes ces couches de test ne rentrent pas dans votre budget.

1. Rechercher les besoins des utilisateurs
   Assurez-vous que le questionnaire que vous utilisez pour sélectionner les participants potentiels à la recherche pose des questions sur l'utilisation des technologies d'assistance. Cela facilitera l'intégration des personnes handicapées dans votre processus de recherche existant, sans frais supplémentaires. Si vous n'arrivez pas à trouver des participants de cette façon, essayez de contacter des organisations de personnes handicapées.

   Vous pouvez également modifier vos personas d'utilisateur existantes pour inclure les utilisateurs handicapés. Vous pouvez emprunter des aspects des profils d'utilisateurs à Gov.UK si vous avez besoin de le faire rapidement et à moindre coût. Si vous avez le budget pour cela, ajoutez des personnes handicapées aux revues de prototypes et de conception. Cela peut être plus facile à faire si vous engagez un fournisseur qui offre ce type de service, d'où la nécessité d'un budget. Alternativement, vous pouvez payer directement les participants.

2. Affinez votre processus
   Encouragez les développeurs, les concepteurs et les auteurs de contenu à inclure des contrôles d'accessibilité dans leur processus. Voici des moyens de le faire à l'aide d'outils de test automatisés gratuits :

   • Téléchargez des extensions/plug-ins de navigateur gratuits pour effectuer des tests spécifiques à la page pour les révisions de conception (WAVE ou Accessibility Insights)
   • Si vous utilisez des tests d'intégration continue dans le cadre du pipeline de construction pour les développeurs, assurez-vous d'évaluer l'accessibilité (il existe des outils open source gratuits pour cela comme Ax Core et Pa11y)
   • Donner aux auteurs de contenu des outils dans l'interface WYSIWYG pour identifier les barrières qu'ils ont ajoutées (HTML Code Sniffer)
   • Assurez-vous d'explorer votre site régulièrement pour détecter les problèmes d'accessibilité. Si possible, exécutez des robots d'exploration dans les environnements de staging et de production (Purple Hats est une option open source gratuite)

3. AQ manuelle
   Vous n'avez pas besoin d'ajouter des personnes supplémentaires pour effectuer l'AQ, intégrez-les simplement dans votre processus existant. Si vous ne faites qu'une seule chose, arrêtez d'utiliser la souris pendant votre contrôle qualité habituel. Vous attraperez des bogues d'accessibilité ainsi que d'autres bogues fonctionnels. Si vous voulez en faire plus, testez également avec des lecteurs d'écran et des loupes.

   Voici différentes manières d'effectuer un contrôle qualité manuel de l'accessibilité sans acheter d'outils :

   • Pouvez-vous accéder à votre site sans votre souris ? Utilisez des tests manuels simples au clavier uniquement pour évaluer les nouveaux composants et contenus.
   • Parcourez votre site avec un grossissement défini sur 200 % ou plus à l'aide des outils de grossissement intégrés dans votre navigateur ( Ctrl + + ).
   • Basculez votre navigateur ou votre système d'exploitation en mode sombre et voyez si votre site fonctionne bien pour les personnes sensibles à la lumière.
   • Effectuez des tests au niveau du sprint avec les développeurs et les concepteurs à l'aide de la technologie d'assistance (VoiceOver, Microsoft Narrator et NVDA sont des options gratuites).

4. Test utilisateur
   Dans les grands environnements d'entreprise disposant d'un budget dédié à l'accessibilité, vous pouvez payer les utilisateurs de technologies d'assistance pour tester les fonctionnalités de votre environnement de test avant le lancement.

   Rien ne vous donne une plus grande certitude que votre produit fonctionnera pour les personnes handicapées que de le valider avec les utilisateurs. Même un score de conformité WCAG parfait ne peut pas vous donner cette assurance comme le peut une vraie personne utilisant le produit.

   On demande souvent aux personnes handicapées de travailler gratuitement, ce qui est problématique car de nombreuses personnes handicapées sont déjà économiquement désavantagées. Si vous travaillez sur un projet personnel et qu'il n'y a pas de budget, regardez votre réseau et voyez s'il y a des gens qui seraient intéressés à aider en échange d'une faveur équivalente.

5. Examen spécialisé
   Si votre organisation dispose d'une équipe d'accessibilité, demandez-leur de faire des tests d'acceptation des utilisateurs avant la publication. C'est ici que vous pouvez obtenir des commentaires détaillés sur la conformité aux WCAG que vous avez peut-être manqués lors des étapes précédentes.

   Considérez cela comme une vérification finale ; votre équipe d'accessibilité ne fait pas tout le travail sur l'accessibilité, tout le monde a un rôle à jouer. Les équipes d'accessibilité sont plus efficaces lorsqu'elles établissent des normes, dispensent des formations, donnent des conseils et évaluent la conformité. Ils soutiennent les efforts d'accessibilité mais ne sont pas les seuls à faire du travail d'accessibilité. De cette façon, aucune personne ou équipe ne devient un goulot d'étranglement.

   Si vous n'avez pas d'équipe, vous pouvez engager des professionnels de l'accessibilité pour effectuer les examens avant la publication.

Où commencer

Commencez là où vous êtes. L'objectif n'est pas la perfection, mais l'amélioration continue. La mise en œuvre de toutes les couches à la fois n'a pas à être l'objectif. Il s'agit plutôt de commencer avec une ou deux couches, puis d'en ajouter progressivement au fur et à mesure que votre équipe s'améliore dans les tests d'accessibilité. Une petite tranche de gâteau vaut mieux que pas de gâteau.

Personnes

• Si vous êtes novice en matière d'accessibilité, commencez par ajouter une extension de navigateur gratuite pour trouver les problèmes d'accessibilité et commencez par apprendre à corriger les erreurs qui s'affichent. La barre d'outils WAVE de WebAIM est idéale pour cela.
• Commencez à partager les informations sur l'accessibilité que vous avez trouvées utiles. Cela peut être uniquement sur Twitter ou Reddit, mais vous pouvez également créer une newsletter pour aider à sensibiliser.
• Inscrivez-vous à des webinaires ou à des événements axés sur l'accessibilité pour en savoir plus.

Équipes

• Une équipe avec une forte approche de conception centrée sur l'utilisateur peut vouloir commencer par la première couche : interroger des personnes handicapées dans le cadre d'une recherche sur les utilisateurs.
• Une équipe dotée d'un processus de conformité informatique solide peut investir dans une intégration plus étroite des tests automatisés dans son processus d'intégration continue ou dans un premier robot d'exploration à l'échelle du site.
• Trouvez des moyens d'intégrer l'accessibilité plus tôt dans le processus de conception/développement.

Organisations

• Assurez-vous d'avoir des déclarations d'accessibilité significatives qui reflètent l'engagement de votre organisation à éliminer les obstacles pour les personnes handicapées.
• Construire un réseau de champions qui permet à une communauté de pratique de se développer et d'apprendre les unes des autres.

Limites des outils automatisés

Chaque boulanger doit disposer d'un arsenal d'outils sur lesquels il peut compter. Il existe des outils d'accessibilité propriétaires qui méritent d'être pris en compte, mais il existe également d'excellents outils open source, y compris ceux que nous avons mentionnés dans la "recette" ci-dessus, qui sont disponibles gratuitement.

Dans les sites dynamiques modernes, il est important d' utiliser des outils automatisés pour détecter les erreurs d'accessibilité tôt avant qu'elles ne soient publiées sur le site en ligne. Il est également important d'explorer le site pour voir que toutes les pages sont toujours conformes après avoir été publiées et mises à jour en permanence.

Le défi est que les concepteurs et les développeurs supposent souvent que si les tests ne signalent aucune erreur, un site est bon. Lorsque vous donnez un test aux gens, les gens ont tendance à écrire en ce sens. Malheureusement, de nombreux concepteurs et développeurs s'arrêtent lorsqu'ils éliminent les erreurs qu'ils voient avec WAVE ou Axe.

Pour être clair, c'est même une petite fraction des équipes qui le font, mais si nous voulons créer des sites perceptibles, utilisables et compréhensibles pour davantage de personnes utilisant différents types de technologies, nous devons faire mieux.

Les outils automatisés sont excellents mais limités. Même les meilleurs outils automatisés disponibles n'attrapent qu'environ 30 à 40 % des erreurs d'accessibilité de conformité WCAG. Un outil automatisé peut vous dire s'il manque une description alternative à une image, mais ce qu'il ne peut pas vous dire, c'est si la description est totalement inexacte ou utilisée dans le mauvais contexte et donc inutile. Cela nécessite toujours une personne pour évaluer.

Pour dépasser ces limites, il est important de reconnaître que l' accessibilité ne signifie pas automatiquement la convivialité pour les personnes handicapées. Considérez l'accessibilité comme la barre la plus basse ; cela fonctionne avec une technologie d'assistance, mais pour aller au-delà de « cela fonctionne » pour devenir « c'est agréable et facile à utiliser », vous devrez tester avec de vrais utilisateurs.

De nombreuses organisations effectuent déjà des tests d'utilisabilité, mais la plupart n'incluent pas les personnes handicapées. Si vous rencontrez des difficultés pour recruter des participants plus diversifiés, envisagez de travailler avec une organisation qui dispose d'une communauté d'utilisateurs de technologies d'assistance et d'une plate-forme pour rendre les tests rapides et faciles.

Allons cuisiner !

Utilisez une approche de test d'accessibilité en couches lorsque vous travaillez à la création d'un site Web inclusif. Ne comptez pas sur un seul type de test pour trouver des obstacles pour les personnes handicapées.

• Testez vos idées auprès des utilisateurs de technologies d'assistance dès le début du processus
• Intégrer des vérifications de code automatisées régulières dans le processus de création du site
• Effectuer des tests manuels à l'aide d'une technologie d'assistance dans le cadre de l'assurance qualité
• Tester avec des personnes handicapées avant le lancement
• Effectuer des examens complets de l'accessibilité sur la mise en scène

N'oubliez pas que l'objectif n'est pas d'obtenir un score élevé dans un outil de test, ni même de respecter une directive WCAG, mais plutôt de rendre votre contenu plus largement disponible, y compris pour les utilisateurs de technologies d'assistance.

En fin de compte, les déclarations d'accessibilité sont la cerise sur le gâteau. Incluez une déclaration d'accessibilité avec des informations de contact sur votre site pour fournir une boucle de rétroaction. Vos utilisateurs sont les experts et tout le monde devrait participer à l'amélioration d'un site au fil du temps.