Cette page contient une liste d’outils qui peuvent être utilisés pour évaluer l’accessibilité du contenu Web. Ces outils sont disponibles sous une licence open source, sauf indication contraire. L’inclusion dans cette liste n’implique pas l’approbation.
Remarque : la plupart des exigences d’accessibilité, telles que les critères de succès WCAG et les exigences de la norme EN 301 549, ne peuvent pas être évaluées automatiquement.
Liste d’outils
- La liste des outils d’évaluation de l’accessibilité du Web fournie par la Web Accessibility Initiative ( WAI ) du World Wide Web Consortium ( W3C ) est la liste la plus complète d’outils d’évaluation de l’accessibilité disponible sur le Web.
Il s’agit d’une liste qui peut être filtrée par les directives ou les normes prises en charge par les outils, la ou les langues dans lesquelles ils sont disponibles, le type d’outil (en ligne, de bureau, plugin, etc.), le type d’assistance fournie, etc. Tout
développeur d’outils peut ajouter son outil. Notez que le W3C ne vérifie pas l’exactitude des données et que l’inclusion n’implique pas l’approbation par le W3C . - La section Outils d’accessibilité dans la référence de conception Web conservée à l’Université du Minnesota Duluth.
- Hilera, José: a11y-evaluation-tools list , Listes de ressources pour l’évaluation et le développement de l’accessibilité (sans date ; consulté le 19.01.2022). (Pour le code source de ce site, voir a11y-lists sur GitHub . José Ramón Hilera González est professeur à l’ Universidad de Alcalá en Espagne.)
- Tools zur Überprüfung , Web for All (pas de date ; consulté le 06.05.2022).
- Faulkner, Steve : Outils de test d’accessibilité – Mise à jour mai 2019 . Cet article répertorie les outils utilisés au quotidien chez The Paciello Group ( TPG , membre du Web Accessibility Tools Consortium , qui n’existe plus). (Publié à l’origine le 29.09.2010. )
- Outils d’évaluation : article non daté du groupe de travail sur l’accessibilité du Web de l’Université du Michigan qui décrit les forces et les faiblesses de certains des outils d’évaluation de l’accessibilité les plus populaires.
- Colantonio, Joe : Top 21 des outils de test d’accessibilité pour l’automatisation , Test Guild , 09.02.2018, mis à jour le 24.11.2018.
- Peri, Raghavendra Satish : 45 extensions de navigateur pour effectuer des tests d’accessibilité de manière efficace , Digital A11Y , 02.06.2020, mis à jour le 03.05.2022.
- Stemler, Sam; Statly, Erica : Les 25 meilleurs outils d’accessibilité gratuits pour tester votre site , blog Accessibility Metrics , 18.11.2019.
(Ce billet de blog présente le propre outil de l’entreprise comme le meilleur choix.) - Chan, Nic: A Complete Guide To Accessibility Tooling , Smashing Magazine , 16.06.2021 (lecture de 20 minutes).
- Hardy, Michael : 3 outils de test d’accessibilité que les petits sites Web devraient utiliser , Thumbwind , 21.06.2021.
Cet article traite de Google Lighthouse, ARC Toolkit et NVDA .
Outils individuels
Vérificateurs de codes
- Web AIM : outil d’évaluation de l’accessibilité Web WAVE . Également disponible en tant qu’extensions de navigateur pour Firefox et Chrome .
En novembre 2017, Web AIM a ajouté des fonctionnalités pour vérifier les pages sur les sites Web; voir le billet de blog New Site-wide WAVE Tools (28.11.2017).
Selon la page d’aide, cet outil prétend vérifier la conformité aux WCAG 2.1 et à la section 508. La feuille de calcul Google qui mappe les vérifications WAVE aux critères de réussite WCAG 2.1 répertorie 13 critères sur les niveaux de conformité A et AA. (Consulté le 06.05.2022.) - Le Functional Accessibility Evaluator ( FAE ) développé par l’Accessible IT Group à l’Université de l’Illinois peut évaluer la conformité d’un site Web entier par rapport aux WCAG 2.0 Niveau A ou Niveau AA et est donc mis à jour. Vous avez besoin d’un compte utilisateur si vous souhaitez évaluer un site Web entier ; l’inscription est gratuite. Le code source de FAE est disponible sur GitHub sous la licence Apache 2.0.
- ARC Toolkit est un outil développé par le groupe Paciello. Il est disponible en tant qu’extension Chrome : voir ARC Toolkit dans le Google Chrome Store .
Description du site Web de l’entreprise (juillet 2020) :ARC Toolkit est un outil de test d’accessibilité de niveau professionnel qui vous permet d’évaluer rapidement et efficacement l’accessibilité des écrans et de découvrir les problèmes liés aux directives WCAG 2.1 Niveau A et AA. Cette extension Chrome pratique vous permet d’explorer facilement les problèmes de niveau de code et d’obtenir des informations détaillées sur l’accessibilité de l’écran. C’est un outil indispensable pour identifier et résoudre les problèmes d’accessibilité cruciaux.
(Consulté le 06.05.2022.) - axe : le moteur d’accessibilité :
Ax est une bibliothèque de règles open source pour les tests d’accessibilité
. L’un de ses mantras est de ne pas générer de faux positifs. Voir axe-core sur GitHub (Mozilla Public License 2.0). Voir également:- Comment tirer le meilleur parti de l’extension de navigateur d’accessibilité ax DevTools de Deque ( Deque Systems sur YouTube, 31 minutes, 21.01.2022).
Démo de l’extension de navigateur ax DevTools pour Chrome. (Il n’y a pas de version pour Firefox.) La vidéo montre à la fois des fonctions et des options disponibles gratuitement et quelques-unes qui nécessitent un abonnement payant. - Dodson, Rob : Tests automatisés avec hache – A11ycasts #15 ( Google Chrome Developers sur YouTube, 12 minutes, 17.03.2017). Notez que ce tutoriel est basé sur une ancienne version d’axe.
- Sutton, Marcy : Axe 3.0 est arrivé — voici ce que vous devez savoir , Deque blog , 21.03.2018.
- Comment tirer le meilleur parti de l’extension de navigateur d’accessibilité ax DevTools de Deque ( Deque Systems sur YouTube, 31 minutes, 21.01.2022).
- pa11y par Nature Publishing Group est décrit comme
votre ami de test d’accessibilité automatisé
. C’est un outil en ligne de commande qui nécessite Node.js et PhantomJS . Cet outil est toujours maintenu. (Dernier accès le 06.05.2022.) (Licence : GNU LGPL 3.0 .)
Voir aussi le site Pa11y.org et les questions taguéespa11y
sur Stack Overflow . - Total Validator : outil qui effectue plusieurs types de vérifications : validation HTML , validation par rapport aux exigences WCAG et US Section 508, vérification des liens brisés et vérification orthographique pour un petit ensemble de langues (anglais, français, italien, espagnol et allemand).
- Assistant RGAA , Firefox Browser Add-ons (consulté le 26.07.2021).
Voir aussi Bourdon, Noémie ; Bonaventure, Simon : L’assistant d’extension RGAA se met à jour ! , Empreinte Digitale, le blog , 22.07.2021. - AInspector WCAG est un module complémentaire Firefox développé par l’Accessible IT Group de l’Université de l’Illinois. Comme FAE , il évalue la conformité du contenu Web par rapport aux WCAG 2.0 Niveau A ou Niveau AA. Comme FAE , il utilise le Règles et ensembles de règles OpenAjax Alliance. Voir également la documentation de la barre latérale AInspector et le code source de la barre latérale A Inspector sur GitHub.
Les outils suivants ne sont plus développés
- European Internet Inclusion Initiative ( EIII ): EIII Page Checker : outil où vous pouvez entrer l’ URL d’une page Web que vous souhaitez évaluer. La page “À propos” de l’outil affirme qu’il vérifie la conformité aux directives pour l’accessibilité du contenu Web 2.1 ( WCAG 2.1) sans mentionner un niveau de conformité spécifique. (Consulté le 06.05.2022.)
Voir aussi checker-suite ( EIII GitLab repository) , qui n’a pas été mis à jour depuis octobre 2015. Cette suite de checker pour l’évaluation à grande échelle a été développée et utilisée pendant l’ EIII financé par l’ UEprojet. Le code est écrit en Haskell et Python et est disponible sous licence BSD à trois clauses. Voir l’article de blog sur la version open source de la suite de vérificateurs automatisés EIII (05.10.2015) et la liste des tests HTML Checker .
Voir aussi Source EIII . - Squiz Labs : HTML_CodeSniffer / HTML_CodeSniffer (sur GitHub) :
HTML_CodeSniffer est un script côté client qui vérifie le code source HTML et détecte les violations d’une norme de codage définie. (…) Pour vous aider à démarrer, HTML_CodeSniffer est livré avec des normes qui appliquent les trois niveaux de conformité des directives pour l’accessibilité des contenus Web ( WCAG ) 2.1 et les composants liés au Web de la législation américaine “Section 508” . Une interface d’audit est fournie par un bookmarklet pour vous permettre d’essayer ces contrôles d’accessibilité sur n’importe quelle page Web.
(Le référentiel GitHub n’a pas été mis à jour depuis septembre 2020. Dernier accès le 06.05.2020.) Licence : Licence BSD à 3 clauses . - MAUVE : Multiguideline Accessibility and Usability Validation Environment :
MAUVE ++ (Multiguideline Accessibility and Usability Validation Environment) est un système permettant d’évaluer l’accessibilité des sites Web en vérifiant leur code HTML et CSS au moyen de directives, il fournit des résultats de validation pour différents types d’intervenants et prend en charge validation des directives W3C WCAG 2.1.
Voir aussi MAUVE ++ . Aucun des deux sites n’a pu être atteint le 06.05.2022.) - Grunt Accessibility , de Steven Miller , est un renifleur de
code HTML pour évaluer l’ accessibilité
. C’est un outil en ligne de commande pour vérifier les pages HTML statiques sur votre disque dur. Vous pouvez spécifier le niveau des Règles pour l’ accessibilité des contenus Web ( WCAG ) 2.0 par rapport auquel le code doit être testé. (Licence : MIT .) Le code source n’a pas été mis à jour depuis début 2018, il n’a donc pas été mis à jour depuis la publication des WCAG 2.0. - WaaT : Web Accessibility Assessment Tool est un outil basé sur Java développé par le projet européen ACCESSIBLE. Plus d’informations sont disponibles sur le site du projet ACCESSIBLE . (En « beta » depuis 2013, sans mise à jour depuis. Licence : MIT .)
- Google Chrome Accessibility Developer Tools est
une bibliothèque de codes de tests et d’utilitaires liés à l’accessibilité
. Le référentiel GitHub n’a pas été mis à jour depuis novembre 2017. (Dernier accès le 06.05.2022.) (Licence : Apache 2.0 .)
Voir aussi Totally Tooling Tips : Accessibilité : courte vidéo YouTube (8 minutes) par Addy Osmani et Matt Gaunt qui présente quelques outils, à savoir l’ extension Chrome Accessibility Developer Tools , l’ Accessibility Developer Tools (un module Node disponible sur GitHub), a11y(un module avec une interface en ligne de commande qui peut également être utilisée en intégration continue), Tenon.io (un vérificateur basé sur le Web ; voir le code source sur GitHub ), tota11y (un bookmarklet ; voir le code source sur GitHub ) et ally.js (bibliothèque JavaScript ; voir le code source sur GitHub .
La vidéo fait partie du cours en ligne gratuit Web Accessibility by Google sur Udacity. - Ember A11y Testing (disponible sous licence MIT )
est un wrapper autour du moteur de test d’accessibilité axe-core de Deque Labs . Il s’intègre dans votre environnement de test avec une simple aide.
Le référentiel GitHub n’a pas été mis à jour depuis novembre 2017. (Dernier accès le 06.05.2022.)a11yAudit()
Voir aussi Ember A11y sur GitHub. - Deque Labs : intégration ax Selenium (Java) : démonstration de l’utilisation d’ax pour exécuter des tests d’accessibilité Web dans des projets Java.
Ce référentiel est obsolète depuis octobre 2020. Licence : Mozilla Publice License 2.0 . - Ko a11y :
une application de bureau qui vous permet de détecter automatiquement les problèmes d’accessibilité (a11y) sur les pages Web.
Il fonctionne sous Linux, Windows ( XP ou plus récent) et Mac OS . L’outil a été créé à l’aide de Pa11y , Vue.js et NW.js . Le code source de Ko a11y est disponible sur GitHub sous les termes de la licence MIT . Le code source n’a pas été mis à jour depuis le 24.08.2020. - AChecker : outil en ligne qui peut vérifier les pages Web que vous soumettez en saisissant une URL , en téléchargeant un fichier HTML ou en collant le code source. Vous avez besoin d’un compte utilisateur si vous souhaitez évaluer un site Web entier. Le code source d’AChecker est disponible sur GitHub sous la GNU GPL version 2. L’outil a été mis hors ligne fin 2021 ou début 2022. Le référentiel de code source a été archivé.
- Peter Kranz: Raakt – Le kit d’analyse d’accessibilité Ruby . Code source disponible sur Rubyforge.org sous la licence BSD à 3 clauses . (Le référentiel de code source n’a pas pu être atteint le 06.05.2022.)
- Accès pour tous : CAC – The Content Accessibility Checker : un plugin Firefox pour vérifier le contenu Web par rapport au sous-ensemble des critères de réussite WCAG 2.0 qui peuvent être vérifiés automatiquement. Licence : Creative Commons CC BY 3.0 CH (qui n’est pas une licence appropriée pour le code source !).
Le référentiel de code source n’a pas été mis à jour depuis août 2015. (Dernier accès le 06.05.2022.) - Anil Suryanarayana: seleniumAccessibility :
module de test d’accessibilité piloté par Selenium Webdriver pour vérifier la conformité de l’accessibilité des pages Web
. Licence : Licence MIT .
Le référentiel de code source n’a pas été mis à jour depuis juillet 2015. (Dernier accès le 06.05.2022.) - tota11y-chrome : une extension de navigateur pour Chrome, disponible sous licence MIT . Le référentiel GitHub n’a pas été mis à jour depuis septembre 2015.
- access_lint : recherche les erreurs d’accessibilité Web de Ruby . Disponible sous licence MIT . Utilise les règles d’audit définies pour les outils de développement d’accessibilité Google Chrome. (Cet outil n’est plus maintenu. Le développeur recommande plutôt AccessLint , qui est disponible en tant qu’application sur le GitHub Marketplace .) Voir également les autres vérificateurs de l’organisation « accesslint ».
Contrôleurs de contraste
Que les couleurs de premier plan et d’arrière-plan aient un contraste suffisant n’est pas quelque chose que vous devriez essayer de “glober les yeux”. Par exemple, le rouge et le vert sont des couleurs fortement contrastées pour les personnes ayant une vision des couleurs normale, mais pas pour la plupart des personnes souffrant de troubles de la vision des couleurs. Il existe de nombreux outils gratuits qui peuvent vous aider à vérifier le contraste, à trouver des couleurs suffisamment contrastées ou à simuler certaines déficiences de la vision des couleurs.
La plupart des outils d’analyse de contraste prennent désormais en charge l’ algorithme de contraste défini dans les Web Content Accessibility Guidelines ( WCAG ) 2.0 et vous diront si le rapport de contraste passe au niveau AA ou au niveau AAA . Certains outils vous indiqueront également si le contraste répond aux exigences définies dans les Techniques d’évaluation et de réparation de l’accessibilité ( AERT ) (août 2000). Cependant, ce document n’a jamais dépassé le stade de l’ébauche de travail du W3C , et son algorithme de contraste est explicitement marqué comme ouvert au changement
.
Les outils qui simulent le daltonisme tentent de se rapprocher de ce que voient les personnes ayant une déficience de la vision des couleurs ; les résultats de ces outils ne doivent pas être interprétés comme des interprétations exactes de ce que ces personnes voient.
- L’ analyseur de contraste des couleurs est un outil gratuit et open source pour Windows et Mac OS X développé par The Paciello Group ( TPGi ).
L’outil a deux fonctions principales :- Vérifier si deux couleurs satisfont aux exigences de contraste définies dans les directives pour l’accessibilité des contenus Web ( WCAG ) 2.0. Vous pouvez identifier les couleurs à l’aide d’un outil « pipette » ou à l’aide de codes de couleur RVB hexadécimaux .
- Simuler certaines déficiences de la vision des couleurs. (La simulation visuelle n’est disponible que dans la version Windows.)
« Travailler avec l’analyseur de contraste des couleurs du groupe Paciello » (février 2009) explique comment utiliser cet outil, même si cela devrait être assez simple.
L’analyseur de contraste est disponible en plusieurs langues (dont l’anglais, l’allemand, le français, l’hindi et le chinois traditionnel). Le code source est disponible sur GitHub sous la licence publique générale GNU 2.0 . - Vérificateur de contraste , Web AIM .
- Le testeur de spectre de contraste des couleurs de Joe Dolson est un outil en ligne qui vous aide à trouver des couleurs offrant un contraste suffisant avec une couleur de votre choix. Vous pouvez choisir une couleur à l’aide d’un sélecteur de couleurs ou d’un code hexadécimal, puis laisser l’outil générer un certain nombre de couleurs. Chacune des couleurs générées sera testée par rapport aux exigences de contraste de WCAG 2.0 ; ceux qui réussissent les WCAG 2.0 seront affichés avec leur rapport de luminosité.
L’outil est également disponible en plusieurs langues, à savoir l’anglais, le français, le néerlandais, le portugais et le chinois traditionnel. - La roue chromatique d’ accessibilité de Giacomo Mazzocato est un outil Web qui vous aide à identifier les paires de couleurs accessibles que vous pouvez utiliser dans le contenu Web. Il implémente à la fois l’algorithme de contraste de WCAG 2.0 et les anciens algorithmes AERT (qu’il identifie comme l’ algorithme WCAG 1.0, même si WCAG 1.0 n’a pas spécifié d’algorithme de contraste ).
- Check My Colors de Giovanni Scala est un outil Web permettant de vérifier le contraste dans les pages Web existantes. Vous pouvez saisir l’ URL d’une page Web pour vérifier les
combinaisons de premier plan et d’arrière-plan de tous les éléments DOM
. L’outil utilise à la fois l’algorithme de contraste de WCAG 2.0 et les anciens algorithmes AERT . Sa sortie est un tableau où chaque ligne représente un nœud DOM , sa couleur de premier plan et d’arrière-plan (sous forme de codes RVB hexadécimaux ), un échantillon et la sortie de trois algorithmes : l’algorithme WCAG 2.0, AERTl’algorithme de différence de luminosité de et l’algorithme de différence de couleur de luminosité d’ AERT .
L’outil est disponible sous la licence Creative Commons Attribution-ShareAlike 2.5 Italie ( CC BY-SA 2.5 IT ) . - Détecteur de contraste Tanaguru .
(Voir aussi le dépôt GitHub de Tanaguru Contrast-Finder .) - Contrast-A d’Annika Hamann est un autre outil pour identifier les combinaisons de couleurs accessibles. Comme la roue chromatique de Giacomo Mazzocato , il prend en charge à la fois l’algorithme de contraste WCAG 2.0 et l’ancien algorithme AERT .
Attention : cet outil est développé en Adobe Flash et n’est pas accessible au clavier. - Le rapport de contraste de Lea Verou est un autre outil pour vérifier le contraste des couleurs Web. L’article de Lea Verou « Easy color contrast ratios » (octobre 2012) a donné à l’outil une visibilité plus large dans la communauté des développeurs web. (Voir aussi l’article de Scott Gilbertson ” Create More Accessible Color Schemes With ‘Contrast Ratio’ “.)
Le code source est disponible sur GitHub sous la licence MIT . - Générateur de palette de couleurs accessible : outil Web d’Atul Varma permettant de choisir des combinaisons de couleurs accessibles. Le code source de l’outil est disponible sur GitHub .
- Bracey, Kezz : Comment utiliser le vérificateur de contraste dans Chrome DevTools , Envato Tuts+ , 22.10.2018.
- Calculateur de contraste APCA : développé par Andrew Somers de Myndex. Voir également le référentiel GitHub pour le calculateur de contraste APCA .
- Dennis : Outils de contraste des couleurs , Web Axe , 23.01.2016.
- Vérification de l’accessibilité A11y pour la couleur du texte sur l’image d’arrière-plan : il s’agit d’un outil Web qui vous permet de télécharger une image et de tester les problèmes de contraste du texte.
Simulateurs de daltonisme
- Vischeck est un outil qui simule les déficiences de la vision des couleurs (« vision daltonienne »). L’outil a été développé à l’Université de Stanford ; la page Info & Liens fournit des informations sur les algorithmes du code et pointe vers d’autres pages Web intéressantes sur le daltonisme.
Vous pouvez exécuter Vischeck sur les fichiers image que vous téléchargez ou exécuter Vischeck sur une page Web (hors ligne le 11.11.2021).
Daltonize est un outil quicorrige les images pour les spectateurs daltoniens
. - Color Oracle est un outil gratuit et open source qui simule le daltonisme. Le site Web de Color Oracle fournit également des conseils de conception pour les cartes et les graphiques d’information accessibles aux lecteurs souffrant de troubles de la couleur.
L’outil est écrit en Java et fonctionne sous Windows, Mac OS X et Linux. Le code source de Color Oracle est disponible sur GitHub sous la licence MIT . - Sim Daltonism :
Le simulateur de daltonisme
. Ce simulateur, développé par Michel Fortin, est disponible pour i OS et Mac OS . Le code source est disponible sous les termes de la licence Apache 2.0 dans le référentiel GitHub de sim-daltonism . - Coblis – Color Blindness Simulator est un simulateur de daltonisme où vous pouvez télécharger des images et voir à quoi elles ressemblent à travers huit simulations différentes de daltonisme.
Voir aussi Coblis1 – Color Blindness Simulator , la première version du simulateur. - Filtre de page Web daltonien , Toptal (consulté le 11.11.2021).
Il s’agit d’une page où vous pouvez saisir l’URL d’une page Web et choisir le type de déficience de la vision des couleurs qui devrait être un simulateur pour cette page (protanopie, deutéranopie, tritanopie ou achromatopsie). Cela peut ne pas fonctionner correctement pour les pages avec beaucoup de contenu dynamique. - Myndex™ Color Vision Deficiency Simulator : développé par Andrew Somers de Myndex. Cette page vous permet de télécharger une image et de vérifier à quoi elle ressemble pour plusieurs types de déficiences de la vision des couleurs.
- RG Blind
est un outil open source de simulation de daltonisme en temps réel pour le Web.
Il peut être utilisé comme une page Web où vous pouvez entrer une URL : Simulateur de daltonisme en ligne pour les URL Il est également disponible comme extension de navigateur pour Google Chrome, Firefox et Opera. Voir par exemple, RG Blind sur le site Firefox Add-ons . Pour le code source, consultez le référentiel RG Blind sur GitHub , où le code source est disponible selon les termes de lalicence MIT . - Chromatic Vision Simulator : une application pour i OS et Android. Le simulateur de vision chromatique – Web Edition peut soit utiliser votre appareil photo, soit vérifier une image que vous avez téléchargée.
- Colorblindly Simulateur de daltonisme , Nous sommes daltoniens , 16.11.2018.
Colorblindly est une extension Chrome qui simule huit types différents de daltonisme. - Esser, Olivier: The daltoniser : page Web sur un ancien simulateur basé sur l’article A Physiologically-based Model for Simulation of Color Vision Deficiency de Gustavo M. Machado, Manuel M. Oliveira et Leandro AF Fernandes (2009).
- Color Vision Deficiency est un plugin GIMP qui simule différentes déficiences de la vision des couleurs.
- Petrich, Loren : Simulateurs de daltonisme . Le simulateur de daltonisme pour les pages Web ne fonctionne plus.
Articles sur l’évaluation automatisée de l’accessibilité
- Inspecteur d’accessibilité – Outils de développement Firefox , MDN , dernière mise à jour le 20.06.2018 (consulté le 02.07.2018).
- Cashin, Caitlin : The Engine Driving Web Accessibility Standardization , Caitlin Cash (sur Medium) , 10.01.2018.
- Holbrook, Dan : Le pouvoir (et les limites) des tests d’accessibilité automatisés , Nerdery , 01.06.2017.
- Groves, Karl : Choisir un outil de test d’accessibilité automatisé : 13 questions à poser , 28.06.2013.
- Faulkner, Steve : WCAG 2.0 Parsing Criterion is a PITA , Paciello Group blog , 20.11.2015.
- Faulkner, Steve: WCAG 2.0 parsing error bookmarklet , blog Paciello Group , 02.02.2012.
(Le bookmarklet ne semble pas fonctionner dans les versions récentes de Firefox.) - Faulkner, Steve: WCAG 2.1 parsing error bookmarklet – mis à jour le 25 février 2019 Blog du groupe Paciello , 25.02.2019.
- Zehe, Marco : Présentation de l’inspecteur d’accessibilité dans les outils de développement de Firefox , Blog d’accessibilité de Marco , 11.04.2018. Marco Zehe souligne que l’inspecteur est conçu uniquement comme un outil d’inspection et non comme un outil d’évaluation.
Développement d’extensions de navigateur
- Google Chrome Extensions and Accessibility est une courte vidéo de Rachel Shearer (de l’équipe d’accessibilité de Google) qui traite des meilleures pratiques d’accessibilité pour les développeurs d’extensions. Dans la première partie, elle décrit l’extension ChromeVis (pour les personnes malvoyantes). Dans la deuxième partie, elle explique comment elle a utilisé l’ API de sélection WebKit et quels types de travail supplémentaire ont été nécessaires pour des fonctionnalités telles que la navigation au clavier, les options de taille de texte et les options de couleur. Le code source de Chromevis a été archivé sur code.google.com. Voir aussi l’ API chrome.accessibilityFeatures qui a été introduite dans Google Chrome 37 (mais qui ne fonctionne que sur Chrome OS)
Divers outils basés sur un navigateur
Feuilles de style, bookmarklets et autres scripts pour visualiser des fonctionnalités de balisage spécifiques.
- Wilco Fiers : Table Manners : plugin jQuery pour visualiser l’accessibilité des tables (dernière mise à jour en 2013 ; pas de licence).
- Jens Meiert : QA Style Sheet : fichier CSS qui met en évidence les problèmes HTML courants ; pas principalement axé sur l’évaluation de l’accessibilité. (Licence : Apache 2.0.)
- Karl Groves : Diagnostic.css : fichier CSS
qui permet à l’utilisateur de tester les erreurs courantes dans le balisage d’une page
. (Licence : non définie.) - Heydon : REVENGE.CSS :
un bookmarklet CSS qui met des boîtes d’erreur roses (avec des messages en comic sans) partout où vous écrivez du mauvais HTML
. - Lighthouse : outil open-source de Google pour
améliorer la qualité des pages web
. Il fait partie des Chrome DevTools, qui sont disponibles dans Google Chrome et Chromium ; ils peuvent également être exécutés à partir de la ligne de commande ou en tant que module Node. Elle réalise entre autres des audits d’accessibilité. Le code source de Lighthouse est disponible sur GitHub sous les termes de la licence Apache 2.0.
Voir également les billets de blog et articles suivants :- Lighthouse – Totally Tooling Tips ( Développeurs Google Chrome sur YouTube, 8 minutes, 08.09.2017).
Il s’agit d’une introduction générale à Lighthouse pour les développeurs Web sans attention particulière à l’évaluation de l’accessibilité. - Dodson, Rob : La nouvelle façon de tester l’accessibilité avec Chrome DevTools – A11ycasts #23 ( Google Chrome Developers sur YouTube, 5 minutes, 18.08.2017).
- Moshe, Dor : La nouvelle fonctionnalité de Chrome DevTool que vous voulez connaître , Hacker Noon , 06.06.2017 (lecture de huit minutes).
- Loukil, Aymen : Tutoriel audits personnalisés phare , Aymen Loukil , 19.11.2018. (Ce billet de blog ne mentionne pas les audits d’accessibilité.)
- Cashin, Caitlin : Google sélectionne la hache de Deque pour Chrome DevTools , blog Deque , 28.09.2017.
- Kennedy, James : L’outil d’audit d’accessibilité Lighthouse contribuera-t-il à rendre le Web plus accessible ? , Concepteurs Web de Boston , 22.11.2017.
- Lighthouse – Totally Tooling Tips ( Développeurs Google Chrome sur YouTube, 8 minutes, 08.09.2017).
- Accessibility Insights pour le Web : Présentation . Cet outil a été développé par Microsoft.
- Lahoti, Sugandha : Microsoft ouvre les sources “Accessibility Insights for Web”, une extension Chrome pour aider les développeurs Web à résoudre leurs problèmes d’accessibilité , Packt Hub , 14.03.2019.
- Accessibility Insights for Web dans le Google Chrome Store. (Il n’y a pas de module complémentaire Firefox.)
- accessibilité-insights-web (dépôt GitHub) .
- tota11y – une boîte à outils de visualisation de l’accessibilité : un outil développé par Khan Academy.
- en-têtesCarte :
Fonctionnalités et extensions du navigateur pour les utilisateurs finaux
- Assistance Mozilla : Fonctionnalités d’accessibilité dans Firefox – Faites en sorte que Firefox et le contenu Web fonctionnent pour tous les utilisateurs .
- Media Access Australia : Comment activer les fonctionnalités d’accessibilité dans Google Chrome .
- Media Access Australia : Comment activer les fonctionnalités d’accessibilité dans Opera .
- @keitori : extensions chromées pour les handicaps masterpost , keitori.tumblr.com (pas de date).
Comparer les outils d’évaluation
- Service numérique gouvernemental ( Royaume- Uni ) : comment se comparent les vérificateurs d’accessibilité automatisés ? / Résultats de l’audit des outils d’accessibilité (février 2017). Voir aussi l’article de blog Ce que nous avons trouvé lorsque nous avons testé des outils sur la page Web la moins accessible au monde (24 février 2017). Les outils ont été testés sur ces cas de test avec des échecs d’accessibilité .
- Accessibility Fails par Alistair Duggin et Mehmet Duran est une collection d’échecs d’accessibilité qui peut être utilisée pour tester des outils d’évaluation.
Utilisation de lecteurs d’écran pour les tests d’accessibilité
- Paladugula, Rakesh : Spectateur de lecteur d’écran ? des outils pour vous , Maxability , 02.02.2017.
- Whiting, Jon : Trois choses que vous devez savoir avant d’utiliser VoiceOver pour les tests , blog Web AIM , 31.08.2016.
- Lockwood, Sue : Premiers pas avec VoiceOver & Accessibilité , Bocoup (blog) , 23.02.2017.
Autres ressources et liens
- IBM Accessibility Research : outils et conseils .
- The ICT Accessibility Testing Symposium : site web d’un événement annuel. Les actes de 2016 sont téléchargeables en plusieurs formats ( PDF , EPUB ou MOBI).
- Fiers, Wilco : Les vérificateurs d’accessibilité ont-ils une place dans l’AQ ? , Automated WCAG Monitoring Community Group, 23 avril 2015.
- Vous pouvez voir les paramètres d’accessibilité de Google Chrome en tapant
chrome://accessibility
dans la barre d’ URL . Cela fonctionne également dans Comodo Dragon , qui est basé sur Chrome. - Le projet Chromium : documentation technique sur l’accessibilité .
- Johnson, Laura : Comparaison des 3 meilleurs outils de test d’accessibilité automatisés : WAVE, Tenon.io et Google Lighthouse , Myplanet on Medium , 24.07.2018.
- Bigby, Garenne : Top 25 des meilleurs outils de test d’accessibilité pour les sites Web , blog Dynomapper , 16.12.2018.
On ne sait pas quels critères ont été utilisés pour créer ce classement, sauf pour s’assurer que l’outil de l’entreprise a été répertorié en premier. - Stanton, Paul. Quel outil de test d’accessibilité devriez-vous utiliser ? , Pulsar (sur Moyen) , 17.05.2018.
- Smith, Jared : résultats de l’enquête n° 2 sur les praticiens de l’accessibilité Web , blog Web AIM , 31.05.2018.
Le résumé indique que les praticiens de l’accessibilité utilisent une grande variété d’outils d’évaluation,WAVE, aXe, les outils de développement Google, les vérificateurs de contraste en ligne et les bookmarklets/scripts d’accessibilité étant les plus couramment utilisés
. En ce qui concerne les tests des lecteurs d’écran, une constatation notable est lesdifférences notées dans les lecteurs d’écran utilisés par les répondants handicapés (principalement JAWS) par rapport aux personnes non handicapées (principalement NVDA et VoiceOver)
. - Fischer, Detlev : Combien de SC WCAG 2.1 peuvent être testés uniquement avec des tests automatisés ? (message à la liste de diffusion du groupe de travail sur les directives d’accessibilité du W3C , daté du 20 août 2019).
- Voir aussi la vidéo YouTube IBM Accessibility Open Source : AccProbe (4 minutes, 27.03.2018).
- Statistiques CSS .
- Conversion de la taille de la police : pixel-point-em-rem-percent , webSemantics , 2017, mis à jour le 19.05.2020 (consulté le 10.12.2020).
- px to pt Converter , Everything Fonts (pas de date ; consulté le 10.12.2020).
- Encyclopédie .
- tota11y – une boîte à outils de visualisation de l’accessibilité , Khan Academy (sans date).
référentiel de code source total sur GitHub ; licence : MIT . - ColorZilla : une pipette, un sélecteur de couleurs et un analyseur de couleurs disponible en tant que module complémentaire pour Firefox et Chrome.
- Test d’Ishihara pour le daltonisme , Colormax.org , 09.08.2015.
Cette page présente 12 images de test Ishihara avec des nombres que vous êtes censé reconnaître. - Matuzović, Manuel : Construire le site le plus inaccessible possible avec un score de phare parfait , Manuel Matuzović , 31.05.2019.
- Centeno, Vicente Luque; Kloos, Carlos Delgado ; Fisteus, Jesus Arias; Álvarez, Luis Álvarez : Outils d’évaluation de l’accessibilité Web : Une enquête et quelques améliorations , Notes électroniques en informatique théorique , Volume 157, Numéro 2, 22 mai 2006.
Les ressources d’accessibilité par Christophe Strobbe sont distribuées sous une licence internationale Creative Commons Attribution-ShareAlike 4.0 .
Article publié sur le site : https://cstrobbe.gitlab.io/AccessibilityResources/WebAccessibilityTools.html