Outils pour évaluer et améliorer l'accessibilité d'un site Web
-
22 mai 2009, 00:12
Pratiques et techniques
-
RSS commentaires
-
Commentaires
Je vous propose ici une liste d'outils gratuits pour évaluer et/ou améliorer l'accessibilité d'un site Web. À vous de faire votre choix !
(liste réactualisée régulièrement, dernière mise à jour 1er décembre 2010)
Index
- 1. Accessibility Extension
- 2. Web Accessibility Toolbar
- 3. Complex Table Mark-up Toolbar
- 4. Juicy Studio Accessibility Toolbar
- 5. Web Developer Toolbar
- 6. ainspector
- 7. HeadingsMap
- 8. ACTF aDesigner
- 9. Colour Contrast Analyser
- 10. WCAG Contrast checker
- 11. Contrast-A
- 12. WAVE (Web Accessibility Evaluation Tool)
- 13. Inspect 32 et UI Spy
- 14. Proposez ici un outil
1. Accessibility Extension pour Firefox

Cette extension Firefox est tout spécialement conçue pour tester l'accessibilité d'un site. Vous pouvez isoler et lister différents éléments HTML comme les titres, les listes, les liens, les images, leurs alternatives et leurs longues descriptions, les abréviations, ... Un inspecteur de tableaux de données permet de vérifier les résumés, les titres et les liaisons entre les cellules et leurs entêtes. Elle dispose également de nombreuses options concernant les feuilles de style, le Javascript et ARIA (vous pouvez notamment lister les évènements, les rôles et les états présents sur une page). La barre dispose également de liens rapides vers des outils de validation dont ceux du W3C.
2. Web Accessibility Toolbar pour Opera ou Internet Explorer

Pour ceux qui préfèrent Opera (ou Internet Explorer), la Web Accessibility Toolbar (WAT) est également conçue pour tester l'accessibilité d'un site Web. Elle propose de lister les images et leurs alternatives, les titres, les raccourcis clavier, les listes, les labels et fieldsets de formulaires, ... Vous trouverez également des liens rapides vers des outils de validation du W3C ou des testeurs de contrastes.
3. Complex Table Mark-up Toolbar pour Firefox

Cette extension Firefox permet de gérer l'accessibilité des tableaux. Elle propose de vérifier les liaisons entre les cellules et leurs entêtes, d'afficher les résumés et titres des tableaux, ou de rendre un tableau accessible avec une interface de modification à la volée.
4. Juicy Studio Accessibility Toolbar pour Firefox

Juicy Studio Accessibility Toolbar propose un inspecteur de tableaux de données, un analyseur de contrastes et des fonctionnalités spécifiquement conçues pour ARIA (Live Regions, rôles, ...). Merci à Felipe qui a proposé cet outil.
5. Web Developer Toolbar pour Firefox (version française)

Cette barre d'outil pour Firefox n'est pas spécialement conçue pour tester l'accessibilité, elle est cependant assez utile dans de nombreuses situations. Elle permet d'afficher les alternatives, désactiver les scripts, désactiver les feuilles de style, entourer les liens, les tableaux, les titres ou les éléments dépréciés, ...
6. ainspector

ainspector est une extension Firefox qui vient se greffer à Firebug. Très puissante, elle permet de tester les titres, les rôles ARIA, les formulaires, les images, les liens et plein d'autres choses.
7. HeadingsMap

HeadingsMap est une extension Firefox qui permet d'afficher la structure d'une page sous la forme d'une arborescence. Elle est très utile pour vérifier d'un coup d'œil la cohérence des titres, même lorsqu'ils sont embarqués dans une <iframe>.
8. ACTF aDesigner

aDesigner permet de simuler la navigation par des internautes porteurs de handicap. Il montre quelles sont les informations restituées par les lecteurs d'écran sur une page, il permet de simuler une basse vision ou la restitution des couleurs pour une personne daltonienne. Le mode accessibilité des animations Flash est très utile, il permet de vérifier les alternatives des boutons et la restitution d'une animation Flash par les lecteurs d'écran.
9. Colour Contrast Analyser

Cet utilitaire analyse les contrastes entre deux couleurs à partir des formules précisées dans les WCAG 2.0. Il permet également, à partir d'une image, de simuler des problèmes de vision comme le daltonisme. Son avantage par rapport aux autres outils, la possibilité de calculer une moyenne de couleurs sur plusieurs pixels (pour évaluer plus facilement le contraste d'un dégradé par exemple).
10. WCAG Contrast checker

Comme l'utilitaire précédent, cette extension permet de tester les contrastes de couleurs sur les textes ou les images. L'outil est très complet et a l'avantage d'être directement intégré à Firefox. Petit plus non négligeable, cette extension fonctionne également avec la célèbre pipette Colorzilla.
11. Contrast-A

Un outil en ligne pour vous aider à trouver des combinaisons de couleurs harmonieuses et suffisamment contrastées.
12. WAVE (Web Accessibility Evaluation Tool) et WAVE Toolbar pour Firefox

Je ne suis pas très à l'aise avec les validateurs d'accessibilité et les utilise presque jamais. Cependant, si j'en avais un a vous conseiller se serait WAVE. Il affiche les erreurs ou les avertissements directement sur la page étudiée (il est possible de fournir au validateur un lien, un fichier ou un extrait de code HTML). Une extension pour Firefox est également proposée pour désactiver les feuilles de style, isoler les titres, mettre en avant la structure et l'ordre des éléments ou encore lancer la validateur.
13. Inspect 32 et UI Spy

Deux outils pour vérifier les informations remontées à MSAA (Inspect 32) et UI Automation (UI Spy). Utilisés pour le Web, ces outils sont très pratiques pour vérifier les informations d'une animation Flash ou d'une application Flex restituées par un lecteur d'écran.
14. Proposez un outil
Vous utilisez un outil qui n'est pas présent sur cette liste, un validateur, une extension, un logiciel d'aide à la production de contenus accessibles, ... n'hésitez pas à m'en proposer (via les commentaires) je les rajouterais à la liste s'ils sont utiles, efficaces, intéressants ou originaux.
Commentaires
Commentaire 1. Le 22 mai 2009 à 02:50, par lrbabe
Commentaire 2. Le 22 mai 2009 à 05:41, par Felipe
Commentaire 3. Le 22 mai 2009 à 07:40, par Sébastien Delorme
Commentaire 4. Le 22 mai 2009 à 15:27, par Victor Brito
Commentaire 5. Le 22 mai 2009 à 17:34, par Sébastien Delorme
Commentaire 6. Le 26 mai 2009 à 20:56, par Stéphane Deschamps
Commentaire 7. Le 26 mai 2009 à 22:11, par Sébastien Delorme
Commentaire 8. Le 22 juin 2009 à 19:57, par lrbabe
Commentaire 9. Le 22 juin 2009 à 21:49, par Sébastien Delorme
Commentaire 10. Le 15 juillet 2009 à 15:13, par MNT-Tech
Commentaire 11. Le 7 juin 2010 à 16:57, par Olivier (Webyboom)
Commentaire 12. Le 14 juin 2010 à 16:13, par avelgornog
Commentaire 13. Le 1 décembre 2010 à 23:09, par Le Web Accessible
Commentaire 14. Le 3 décembre 2010 à 10:16, par Sébastien Delorme
Commentaire 15. Le 26 février 2011 à 22:05, par Yannick Pavard
Ajouter un commentaire
Les commentaires pour ce billet sont fermés, vous pouvez toutefois apporter votre contribution à celui-ci en utilisant le formulaire de contact de ce blog.