Comment savez-vous si votre site web est 100% WCAG 2.1 conforme? Quels sont les meilleurs outils de test d’accessibilité web que vous pourriez utiliser?, Voici 5 outils de test d’accessibilité automatisés que nous vous recommandons d’essayer en premier:
photo de John schnobrich sur Unsplash
Vous avez suivi les directives, les normes, les avertissements et les meilleures pratiques inclus dans les recommandations du W3C et YOU vous êtes coincé. Comment savoir si votre site web est conforme à 100% WCAG 2.1? Quels sont les meilleurs outils de test d’accessibilité web que vous pourriez utiliser?,
des outils d’évaluation de l’accessibilité gratuits et faciles à utiliser que vous pouvez exécuter sur votre site web pour repérer les problèmes qui s’y cachent.
Et qui pourrait même vous faire des recommandations sur les meilleurs moyens pour y remédier.
tout cela avant que quelqu’un (ou même toute une équipe de testeurs D’assurance qualité) examine votre site web. Avant d’effectuer un audit d’accessibilité approfondi et d’exécuter des sessions de test centrées sur l’utilisateur avec… de vraies personnes impliquées.,
Vous devez penser aux extensions de navigateur
elles sont tellement accessibles: il vous suffit d’ouvrir la page que vous souhaitez vérifier et de cliquer sur un bouton dans votre barre d’outils. Ils sont gratuits et font d’excellents « départs” pour identifier les problèmes d’accessibilité sur votre site web. Et pour mettre la main sur de précieuses recommandations sur la façon de les réparer.
Voici donc 5 outils de test d’accessibilité automatisés que nous vous recommandons d’essayer en premier:
« Existe-t-il des outils recommandés qui peuvent m’aider à tester les problèmes d’accessibilité?,r contraste sur certaines pages (ou pas de contraste du tout)
une ou plusieurs images n’ont pas de descriptions ALT ajoutées à
Un éditeur a supprimé le contenu de l’une des balises H2 mais a laissé cette balise là et a dérouté les lecteurs d’écran
quelqu’un de votre équipe de conception a mis un texte d’espace réservé au lieu d’un champ de texte, ce qui risque d’afficher un champ non étiqueté, que les lecteurs d’écran ne peuvent pas read lire
il manque une étiquette dans votre formulaire d’inscription à la newsletter
Ce sont tous des problèmes fréquents que les outils d’évaluation de l’accessibilité Web peuvent vous aider à détecter et à résoudre.,
ils se divisent en plusieurs catégories:
extensions de navigateur, sur lesquelles nous nous concentrerons dans cet article
outils de ligne de commande outils de test d’accessibilité que vous pouvez intégrer à votre système d’intégration continue
conseil: gardez à l’esprit que les 5 meilleurs outils de test Ils constituent un excellent point de départ pour un audit plus complexe et une stratégie de surveillance complète que vous devriez mettre en place.,
Wave, le vénéré outil D’évaluation de L’accessibilité Web pour Chrome
un vérificateur d’accessibilité de site web complet et facile à utiliser qui est dans les boîtes à outils de la plupart des développeurs depuis quelques années maintenant.,
Voici comment cela fonctionne:
Il ajoute une superposition visuelle d’icônes d’erreur et d’indications à la page web que vous auditez
icônes qui, une fois cliquées, vous fournissent des informations et des recommandations sur les problèmes d’accessibilité détectés: titres redondants, éléments structurels, liens vers HTML, mauvais contraste des couleurs, comment ces problèmes affectent différents types,
Il vous signale le code « gênant” via du HTML annoté qui apparaît dans le panneau en bas de l’écran
En bref, Wave est l’un des vérificateurs d’accessibilité des sites Web robustes qui va au-delà de la rationalisation de votre processus d’audit.
Il vise également à éduquer les utilisateurs (propriétaires de sites Web, testeurs D’assurance qualité) sur les problèmes d’accessibilité auxquels il faut prêter attention.
« Comment utiliser les Vagues de l’accessibilité de l’outil?, »
de toute façon:
Vous pouvez simplement entrer votre URL dans le champ dédié sur leur site web
Vous pouvez télécharger l’extension du navigateur
allez pour l’extension en particulier si elle est dynamique, protégé par mot de passe et les pages web stockées localement
Tenon, l’Accessibilité d’un Service
« Comment puis-je tester l’accessibilité? »
Un autre outil de Tenon qui vient à la fois dans une version gratuite et payante.,
What makes it « worthy” of this top 5 selection?,
c’est un outil tellement flexible pour les créateurs de contenu, les concepteurs, les développeurs et les testeurs
Il génère… des rapports généreux avec des extraits de code pour chaque erreur, des directives WCAG correspondantes et des recommandations sur la façon de les corriger
en bref: tenon vous aide à exécuter un type préventif de vérification de l’accessibilité sur votre site web., Vous pouvez détecter les problèmes clés avant même qu’ils ne se transforment en problèmes d’utilisation majeurs
de plus, vous pouvez facilement incorporer Tenon dans votre ensemble d’outils via son API. Il s’intègre facilement avec n’importe quel CMS ,E, outil de déploiement ou build automatisé que vous utilisez.
Google Lighthouse, L’un des meilleurs outils automatisés de test D’accessibilité
« Comment savoir si mon site web est réellement conforme à WCAG 2.0?,pour utiliser
de plus, cet outil de test d’accessibilité fait partie de toute une série de vérifications que vous pouvez exécuter à L’aide des outils de développement Chrome:
SEO
Progressive Web App
Performance
meilleures pratiques
ce qu’il fait il vous fournit un rapport complet de ses résultats de test:
si tous les boutons
que toutes les images aient des attributs alt ajoutés à
que cette page ait un titre ou non
ensuite, il vous suffit de le prendre à partir de là et d’améliorer les zones signalées dans le rapport.,
Et voici comment l’utiliser:
ouvrir devtools dans votre Navigateur Chrome
la recherche des « Audits” de l’onglet
cliquez sur « Effectuer un Audit”
Astuce: enregistrer le rapport dans un format JSON pour plus tard (ou l’envoyer à quelqu’un dans votre équipe).
Une autre grande chose à propos de Google Lighthouse est que c’est l’un de ces outils d’évaluation de l’accessibilité web qui ne vous oblige pas à vous inscrire. Vous faites simplement glisser un rapport sur la visionneuse de rapports en ligne qu’il vous fournit.
axe Browser Extension
« Comment savez-vous si votre site est en fait WCAG 2.,0 conforme?”
– Vous « prenez” un outil comme Axe d’ici et de donner à votre site un système automatisé de vérification.
Il va simplement s’attacher comme un nouvel onglet aux outils de développement de votre Chrome. Une fois que vous cliquez sur ce bouton bleu « analyser”, vous recevrez une liste complète des « violations” détectées sur votre page.
pourquoi l’avons-nous inclus dans notre liste hautement exclusive des 5 meilleurs outils de test d’accessibilité web?,
parce qu’il est gratuit (une bibliothèque open-source autonome)
parce que vous pouvez le personnaliser en fonction de vos besoins spécifiques en matière de test d’accessibilité: ajoutez des règles spécifiques, intégrez-le avec les frameworks de test et les navigateurs de votre choix
parce que chaque problème signalé « expose” le balisage correspondant, ainsi
appuyez simplement sur « Inspecter le code” et,
astuce: une autre raison pour laquelle il s’agit de l’un des premiers vérificateurs d’accessibilité de site Web que vous devriez considérer est que le rapport d’accessibilité Axe va au-delà de la signalisation de violations claires des directives d’accessibilité.
Il met également en évidence les aspects que vous pourriez améliorer sur L’interface utilisateur de votre site web.
Siteimprove, Un de la Meilleure Accessibilité du Web, Outils de Test
Nous confessons: Siteimprove est notre site préféré vérificateur d’accessibilité., Voici pourquoi:
Il nous fournit des informations exploitables concernant tous les problèmes qu’il détecte
Il génère des explications claires sur l’impact de ces problèmes sur certains utilisateurs
Il nous « gâte” également avec une expérience utilisateur intuitive: les problèmes sont mis en évidence sur le côté droit de la page
où ajoutez-vous que l’ensemble du processus d’audit de la page web est effectué dans nos navigateurs Chrome.
Facile à utiliser et très efficace. Que souhaiteriez-vous de plus d’un outil de test d’accessibilité gratuit?,
Final Word
transformez ce type de test d’accessibilité — à l’aide d’extensions Chrome — en une partie d’une stratégie de test plus complète.
Vous ne devez pas limiter votre évaluation aux résultats que vous obtenez en utilisant l’un de ces 5 meilleurs outils de test d’accessibilité web.
Il y a encore un certain niveau d ‘ « intervention humaine” nécessaire pour interpréter ces résultats. Pour trouver le bon ensemble de mesures à prendre, Non?,
utilisez-les si vous voulez juste vérifier si:
Il y a des images sans descriptions ALT sur votre site web
le code HTML est valide
vos champs de formulaire ont à la fois des étiquettes et des descriptions
alors que pour évaluer:
si ce code HTML est sémantique ou non
sur une page donnée de votre site Web
you Vous aurez besoin d’une analyse humaine.,
Les tests D’accessibilité automatisés indiqueront (uniquement) les aspects clés sur lesquels vos testeurs D’assurance qualité doivent se concentrer.
à La FIN!
avez-vous utilisé l’un de ces outils de test d’accessibilité sur votre site web?
arrêtez-vous généralement votre audit là-bas ou utilisez-vous un& type de test manuel automatisé de « combo”? Cela dépend-il du contexte en fait?
