Récapitulatif Outils pour vérifier l'accessibilité d'un site web ( RGAA / WCAG )

[Madrileño]

Bonjour,

Certains développeurs peuvent se demander quels outils gratuits il existe pour vérifier l'accessibilité d'un site web.
Plutôt que de chercher et vérifier quels sont les existants et ceux qui sont gratuits ou payants.
L'idée était ici de vous présenter certains outils gratuits pour vous faire gagner du temps.


WAVE Evaluation Tool : L'outil peut-être le plus populaire, il permet simplement et rapidement de connaître les grandes lignes de ce qui ne va pas avec une page d'un site web. Voici à la suite l'introduction qui présente l'outil avec une des pages de l'extension gratuite.

WAVE est un outil d'évaluation de l'accessibilité Web développé par WebAIM.org. Il fournit un retour visuel sur l'accessibilité de votre contenu Web en injectant des icônes et des indicateurs dans votre page. Aucun outil automatisé ne peut vous dire si votre page est accessible, mais WAVE facilite l'évaluation humaine et informe sur les problèmes d'accessibilité. Toutes les analyses sont entièrement effectuées dans le navigateur Chrome, ce qui permet une évaluation sécurisée des pages intranet, locales, protégées par mot de passe et autres pages Web sensibles. Pour exécuter un rapport WAVE, cliquez simplement sur l'icône WAVE à droite de la barre d'adresse de votre navigateur ou sélectionnez « WAVE cette page » dans le menu contextuel.

Source (traduction automatique) : chromewebstore.google.com/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh


Accessibility Insights for Web : Un autre outil assez populaire pour tester l'accessibilité des pages web.

Accessibility Insights for Web aide les développeurs à trouver et à résoudre rapidement les problèmes d’accessibilité. Pour en savoir plus sur Accessibility Insights, consultez la page aka.ms/accessibilityinsights. Le raccourci clavier par défaut pour lancer Accessibility Insights pour le Web est [Ctrl+Maj+K]. Si cela ne fonctionne pas, suivez ces instructions : 1. Sélectionnez Maj+Alt+T pour déplacer le focus vers la barre d'adresse de Chrome. 2. Sélectionnez la touche Flèche gauche pour déplacer le focus vers l'extension Accessibility Insights pour le Web. 3. Sélectionnez la touche Espace pour ouvrir l'extension.

Source (traduction automatique) : chromewebstore.google.com/detail/accessibility-insights-fo/pbjjkligggfmakdaogkfomddhfmpjeni


WCAG Color contrast checker : Un outil plus simple et basique, pour le choix des couleurs et vérifier qu'elles sont correctes.

Il vérifie le contraste des couleurs entre le premier plan et l'arrière-plan des éléments qui se trouvent dans la page selon les WCAG 2.2. Il évalue le contraste sur tous les éléments de la page en tenant compte de leur style calculé pour les propriétés CSS color et background-color. Dans le cas où ces couleurs sont définies avec des valeurs RGBA, il prend également en compte l'opacité pour déduire la couleur réelle qui est finalement affichée. Il peut simuler le daltonisme et évaluer le contraste pour les simulations. De cette façon, les développeurs peuvent voir à quoi ressemblent les pages pour les utilisateurs daltoniens. L'outil comprend également deux champs dans lesquels les couleurs peuvent être introduites manuellement pour être testées. Il permet également de choisir la couleur directement à partir des documents. Enfin, il s'actualise automatiquement lorsque le DOM de la page change (ajout ou suppression d'éléments), mais si la page a de nombreux changements, ce comportement peut être désactivé.

Source (traduction automatique) : chromewebstore.google.com/detail/wcag-color-contrast-check/plnahcmalebffmaghcpcmpaciebdhgdf


PageSpeed Insights : Peut-être le plus populaire pour ceux qui sont sur le forum et ses onglets "Performances" et "SEO", mais il propose aussi des onglets "Bonnes pratiques" et "Accessibilité" qui sont tout aussi intéressantes et utiles pour bien travailler les pages d'un site web.

PageSpeed Insights (PSI) génère des rapports sur l'expérience utilisateur d'une page à la fois sur mobile et sur ordinateur. d'appareils mobiles, et suggère des améliorations possibles. PSI fournit à la fois des données de laboratoire et des données sur le terrain concernant une page. Les données de laboratoire sont utiles pour déboguer les problèmes, car elles sont collectées dans un environnement contrôlé. Cependant, cet outil peut ne pas refléter les goulots d'étranglement réels. Les données sur le terrain sont utiles pour capturer l'expérience utilisateur réelle, mais elles comportent un ensemble de métriques plus limité.

Source : pagespeed.web.dev



Compléments

Le site web dédié à l'accessibilité numérique présente aussi certains autres outils (gratuits et payants) et une méthodologie de test. Vous pouvez découvrir ainsi sur la page suivante : accessibilite.numerique.gouv.fr/ressources/methodologie-de-test/ la méthodologie de test qu'ils proposent, ainsi que certains outils qui sont disponibles en ligne ou hors ligne. Certains sont donc des tests à effectuer avec un site déjà en ligne (et une version aussi en ligne de l'outil), pour d'autres ce sont des extensions de navigateur (principalement Chrome et FireFox) qui vont vous permettre de même tester un site qui est en preprod. On retrouve certaines extensions et logiciels plus ou moins généralistes comme "Web Developper", "WCAG Contrast Checker", "Color Contrast Analyser", "HeadingsMap", "PAC", "Office", "AccessODF", "Ace", "Peat", etc.

Pour la RGAA, vous avez les tests aussi disponibles sur le site web dédié à l'accessibilité numérique : accessibilite.numerique.gouv.fr/methode/criteres-et-tests/ . Il présente les critères et tests par thématiques, Images, Cadres, Couleurs, Multimédia, Tableaux, Liens, Scripts, Elements obligatoires, Structuration de l'information, Présentation de l'information, Formulaires, Navigation ou encore la Consultation.


En espérant avoir pu vous aider.


Cordialement.

 

[gabin8207]

Super intéressant merci !