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

À propos des auteurs

Kate Kalcevich est responsable des services chez Fable, une plateforme de test d'accessibilité de premier plan alimentée par des personnes handicapées. Kalcevich est un expérimenté…
En savoir plus sur
Kate et Mike
↬

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 skiant ou le client qui est à l'extérieur sur son téléphone avec des reflets sur l'écran).

Nous allons partager comment " test d'accessibilité de couche ”en utilisant une variété d'outils et d'approches à différentes étapes du cycle de vie du produit numérique pour détecter rapidement les problèmes d'accessibilité – lorsqu'il est plus facile et moins coûteux de les résoudre. Adopter une approche en couches pour tester votre site pour l'accessibilité 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 faire gagner de l’argent et vous faire économiser de l’argent.

Nous utiliserons une analogie de gâteau en couches pour parler des différentes couches des tests d’accessibilité et du moment où 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 un stratège principal dans une entreprise de technologie gouvernementale ( CivicActions ), et Kate est la responsable des services d'une plate-forme de test d'accessibilité ( Fable ).

Bien que Mike examine les tests d'accessibilité sous un angle plus technique au début de la phase de développement et recherche la conformité sur les sites en direct, Kate se concentre sur l'expérience utilisateur . Nous avons tous deux réalisé que la combinaison de nombreux types de tests d'accessibilité tout au long du cycle de vie du 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.
   C'est souvent le cas. appelé « tests automatisés » parce que vous utilisez un logiciel pour tester automatiquement plusieurs problèmes d'accessibilité à la fois.
2. Utiliser votre ordinateur d'une manière différente de celle que vous faites normalement.
   Par exemple, par n'utilisant pas de souris agrandissement de votre navigateur à 200% ) ou passage au mode de contraste élevé de Windows .
   

   

3. Utilisation de la technologie d'assistance et des utilisateurs handicapés pour vérifier les problèmes d'utilisabilité.
   C'est souvent le cas appelé « test manuel » car il oblige une personne à évaluer 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 la certitude 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 prioriser 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 votre organisation d'être accessible.
  «Accessibility Act» et «Disability Act »Sont des termes de recherche qui devraient faire apparaître 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 donnent la priorité à l'accessibilité pourrait faire l'affaire.
• Connectez-vous avec le service client pour savoir s'il y a des plaintes d'accessibilité.
  Si possible, contactez directement les clients à Écoutez leurs expériences et partagez ces histoires avec les chefs d'entreprise. Entendre parler de clients insatisfaits peut être une énorme motivation. Si vous pouvez obtenir la permission des clients, enregistrez une démonstration de ceux qui font 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 lorsqu'elle est intégrée au travail quotidien et pas après coup. Il y a aussi les revenus potentiels des personnes handicapées – globalement, ils représentent plus de 3 trillions de dollars de revenu disponible .

• Trouvez le bon champion.
  Chances y a-t-il déjà quelqu'un au plus haut niveau de l'organisation qui se soucie des gens et qui fait ce qu'il faut? Cela peut être un responsable de la diversité et de l'inclusion, quelqu'un qui se bat pour la durabilité environnementale ou d'autres problèmes. C'est peut-être quelqu'un avec un ami ou un membre de la famille handicapé. 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. Le processus d'approvisionnement est un point de départ. 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 a 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 peut également 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 être sûr de travailler avec des fournisseurs qui contribuent activement aux outils et processus qui vous aident à prioriser l'accessibilité dès le départ.

Une autre façon de vous intéresser L'accessibilité précoce, si vous créez ou mettez à jour un système de conception, consiste à choisir une bibliothèque de composants qui a été conçue dans un esprit d'accessibilité. Recherchez des bibliothèques avec une déclaration d'accessibilité claire et une file d'attente de problèmes ouverte qui vous permet de passer en revue les problèmes.

Exemples:

• L'équipe Angular Components a intégré l'accessibilité dans la Material UI library . 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 focalisé est clairement visible.
• Reakit for React décrit un fonction 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 Lion accessible utilise une étiquette a11y pour baliser 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'un des personnages que votre équipe utilise pour inclure les handicaps. Beaucoup de gens ont plus d'un handicap, donc créer au moins un personnage avec plusieurs handicaps vous assurera de garder ce public en tête dans tous vos premiers travaux de conception.

Pour étoffer ce personnage, parlez à des personnes ayant un réel handicap ] – y compris les limitations temporaires et situationnelles – pour vous aider à comprendre comment ils 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 à une déficience visuelle, auditive, motrice ou cognitive à un moment de sa vie. Nos personnages peuvent refléter:

• des personnes souffrant d'allergies, d'insomnie ou des os cassés,
• des personnes utilisant une technologie obsolète ou utilisant leur ordinateur à l'extérieur; ou même
• les personnes qui modifient leur technologie utilisent en fonction de leur emplacement (par exemple, la désactivation des 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 au leadership et aux équipes est de parler de la façon dont il rendra vos personas plus représentatives de vos utilisateurs réels – ce qui est tout l'intérêt des personas. Ils doivent être réalistes.

L'un des moyens les plus efficaces d'impliquer les personnes handicapées est de les aider à co-concevoir des services et des produits. L'Australie dispose d'une boîte à outils de formation gratuite sur la manière de co-concevoir avec des personnes handicapées. Il existe également une excellente étude de cas sur la manière dont une entreprise a organisé des séances de co-conception avec des personnes ayant des troubles d'apprentissage au nom du gouvernement britannique.

Legacy IT

Si nous Qu'on le veuille 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 au cœur d'un processus d'approvisionnement, l'accessibilité n'est généralement qu'une des nombreuses considérations. Il faut s'y attendre – 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 vous 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 pourriez mettre en lumière des problèmes.

De plus, il pourrait y avoir un thème personnalisable qui pourrait être ajusté pour résoudre certains 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é qui sont inclus dans ce produit. Il peut être utile de rappeler aux fournisseurs que vous avez des options.

Si le système informatique hérité est un produit construit en interne, un bon moyen de l'évaluer rapidement consiste à n'utiliser que 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 est uniquement cliquable avec la souris), il faudra probablement beaucoup d'efforts pour améliorer l'accessibilité du produit.

Envisagez d'offrir autres moyens d'accéder au service (par exemple, assistance téléphonique, service en personne ou courrier électronique) afin que les personnes qui ne peuvent pas accéder au produit numériquement en raison de barrières d'accessibilité puissent toujours obtenir ce dont elles ont besoin.

Pensez à la feuille de route organisationnelle et au moment où il serait possible de mettre à niveau ou de retirer le produit et de peser 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 ancien outil arrive en fin de vie.

La recette

Voici un exemple de 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 calculez le prix de toutes les différentes approches de test. Certains sont gratuits, d'autres coûteront de l'argent. Dans la section suivante, nous vous donnons des conseils sur par où commencer si toutes ces couches de tests ne rentrent pas dans votre budget.

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

   Vous pouvez également modifier vos profils d’utilisateur existants 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 examens de prototypes et de conception. Cela peut être plus facile à faire si vous engagez un fournisseur qui propose ce type de service, d'où la nécessité d'un budget. Vous pouvez également payer les participants directement.

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

   • Téléchargez gratuitement des extensions / plug-ins de navigateur pour effectuer des tests spécifiques à la page pour les revues de conception ( WAVE ou Accessibility Insights ) [19659043] 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 )
   • Donnez 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 régulièrement votre site pour détecter les problèmes d'accessibilité. Si possible, exécutez des robots d'exploration dans les environnements de production et de préparation ( Purple Hats est une option open source gratuite)

3. Manual QA
   You don ' t devez ajouter des personnes supplémentaires pour faire le contrôle qualité, il suffit de l'intégrer dans votre processus existant. Si vous ne faites qu'une seule chose, arrêtez d'utiliser la souris lors de votre contrôle qualité habituel. Vous détecterez des bogues d'accessibilité ainsi que d'autres bogues fonctionnels. Si vous voulez en faire plus, testez avec des lecteurs d'écran et des loupes.

   Voici différentes façons de faire un contrôle qualité de l'accessibilité manuelle sans acheter d'outils:

   • Pouvez-vous accéder à votre site sans votre souris? Utilisez des tests manuels simples sur clavier uniquement pour évaluer les nouveaux composants et le contenu.
   • Parcourez votre site avec un agrandissement de 200% ou plus à l'aide des outils d'agrandissement intégrés à 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 de niveau sprint avec des développeurs et des concepteurs utilisant des technologies d'assistance (VoiceOver, Microsoft Narrator , et NVDA sont des options gratuites).

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

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

   Les personnes handicapées sont souvent invitées à travailler gratuitement, ce qui est problématique car de nombreuses personnes handicapées sont déjà dans une situation économique désavantageuse. . 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. Spécialiste Révision
   Si votre organisation dispose d'une équipe d'accessibilité, demandez-lui de faire les tests d'acceptation des utilisateurs en version préliminaire. C'est ici que vous pouvez obtenir des informations détaillées sur la conformité WCAG que vous avez peut-être manquées lors des étapes précédentes. 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 une formation, donnent des conseils et évaluent la conformité. Ils soutiennent les efforts d'accessibilité, mais ne sont pas les seuls à effectuer des travaux 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 révisions avant la publication.

Par 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 par une ou deux couches, puis d'ajouter progressivement d'autres couches à mesure que votre équipe s'améliore dans les tests d'accessibilité. Une petite part de gâteau vaut mieux que pas de gâteau.

Particuliers

• Si vous êtes nouveau dans l'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 d'accessibilité que vous avez trouvées utiles. Cela peut être uniquement sur Twitter ou Reddit, mais vous pouvez également créer un bulletin d'information pour sensibiliser le public.
• Inscrivez-vous à des webinaires ou à des événements axés sur l'accessibilité afin d'en savoir plus.

Équipes

• Une équipe avec une solide approche de conception centrée sur l'utilisateur pourrait vouloir commencer par la première couche: interroger des personnes handicapées dans le cadre de la recherche sur les utilisateurs.
• Une équipe dotée d'un processus de conformité informatique solide pourrait investir dans une intégration plus étroite des tests automatisés dans leur processus d'intégration continue ou un robot d'exploration à l'échelle du site d'abord.
• 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.
• Construisez un réseau de champions qui permet à une communauté de pratique de grandir et d'apprendre les uns des autres.

Limitations des outils automatisés

Chaque boulanger doit ha un arsenal d’outils sur lesquels ils peuvent compter. Il existe des outils d'accessibilité propriétaires qui méritent d'être pris en considération, 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 leur publication et leur mise à jour continue.

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 faites passer un test aux gens, les gens ont tendance à y écrire. 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 une petite fraction des équipes qui le font même, mais si nous voulons créer des sites perceptibles, utilisables et compréhensibles pour plus de personnes utilisant différents types de technologie, nous devons faire mieux.

Les outils automatisés sont excellents mais limités. Même les meilleurs outils automatisés disponibles ne détectent qu'environ 30 à 40% des erreurs d'accessibilité de conformité WCAG . Un outil automatisé peut vous dire s'il manque une autre description à 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 à évaluer.

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

De nombreuses organisations effectuent déjà des tests d'utilisabilité, mais la plupart n'incluent pas de personnes handicapés. 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.

Let's Get Baking!

Utilisez une approche de test d'accessibilité en couches lorsque vous travaillez à créer un site Web inclusif. Ne vous fiez pas à 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égrez des vérifications de code automatisées régulières dans le processus de création du site
• Effectuez des tests manuels à l'aide de la technologie d'assistance dans le cadre du contrôle qualité
• Testez avec des personnes handicapées avant le lancement
• Effectuez des examens d'accessibilité complets lors de 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 à des fins 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 les informations de contact sur votre site pour fournir une boucle de rétroaction. Vos utilisateurs sont les experts et tout le monde devrait contribuer à améliorer un site au fil du temps.

(vf, il )