| title | layout | description | eleventyNavigation | ||||||
|---|---|---|---|---|---|---|---|---|---|
Méthodologie de test |
layouts/base.njk |
Méthodologie de tests documentant les étapes permettant de vérifier si un critère du RAWeb est conforme ou non |
|
Ce document a été établi dans le cadre des ressources venant accompagner la prise en main de la version 1 du référentiel d’évaluation de l’accessibilité web (RAWeb).
Il est destiné à toute personne soucieuse de vérifier la conformité d’un contenu web au RAWeb. Il s’agit d’une méthodologie de tests documentant les étapes permettant de vérifier si un critère du RAWeb est conforme ou non. Cette méthodologie est donc à utiliser en complément du référentiel technique du RAWeb et ne peut être utilisée seule. Elle ne dispense donc pas d’une lecture approfondie du référentiel technique, ni d’une formation au RAWeb.
Pour chacun des tests d’un critère correspond une procédure de test. La mise en œuvre de cette procédure peut recourir parfois l’usage d’outils spécifiques, autrement un navigateur suffit pour effectuer la majorité des tests. Une liste d’outils est aussi proposée pour aider à la réalisation des tests. Ils ont été retenus à la fois parce qu’ils sont fréquemment utilisés par les experts du métier et parce qu’ils facilitent la recherche de certains résultats.
La méthodologie de test est désormais disponible au niveau de chaque test sur la page critères et tests.
L’outil le plus utile reste l’inspecteur de code que propose chaque navigateur. Il permet de rechercher facilement les éléments et les attributs requis pour un examen par un test d’accessibilité. Désormais, les outils de développement proposent également des fonctionnalités permettant d’avoir accès aux propriétés de l’arbre d’accessibilité exposé par le navigateur. Ces informations ne remplacent cependant pas la nécessité d’avoir recours à une assistance technique lorsqu’un critère ou un test l’exige.
Les aides techniques listées dans l’environnement de test retenu constituent un second ensemble d’outils indispensables (voir la rubrique Environnement de test). Ils sont, en effet, requis pour s’assurer d’une restitution correcte de contenus accessibles (les alternatives aux images, les intitulés de lien, les titres de tableau, ...) dans le cas notamment où l’examen du code seul ne suffirait pas.
D’autres outils sont disponibles pour aider à la recherche des éléments de contenu. Ils se présentent souvent comme des extensions au navigateur et permettent d’explorer un ou plusieurs aspects d’un test d’accessibilité.
Les barres d’outils suivantes sont des extensions de navigateur qui vont faciliter le repérage visuel de certains éléments dans un document :
- Web Developer Toolbar pour Firefox : barre d’outils pour les développeurs qui peut aider à retrouver visuellement certains éléments dans un document pour en contrôler l’accessibilité ;
- Web Developer Toolbar pour Chrome : la même barre d’outils que précédemment, pour Chrome.
Au-delà de la simple barre d’outil, d’autres outils fournissent une analyse complète du document en signalant visuellement sur la page les erreurs d’accessibilité ou à l’inverse les éléments qui lui sont bénéfiques. Des filtres permettent alors souvent de n’afficher que certains de ces aspects. C’est ce que propose Wave, une solution disponible à la fois en ligne (http://wave.webaim.org) et comme extension de navigateur (https://wave.webaim.org/extension/).
Bien qu’il ne soit plus requis de contrôler la validité du code source, il peut être utile, à des fins de recherches d’anomalies, d'utiliser le validateur HTML. La validation du code source d’un document HTML utilise le validateur en ligne du W3C (https://validator.w3.org/nu/). À noter que pour valider le code source généré par le navigateur, il faut utiliser l’option "Text input" de la liste de sélection intitulé "Check by" et copier dans la zone de saisie multiligne qui est alors proposée, la source HTML disponible à partir de l’inspecteur de code du navigateur. Des extensions de navigateur sont aussi disponibles, mais il faut être vigilant, car les algorithmes de validation de ces extensions ne sont pas forcément à jour par rapport au validateur du W3C et les résultats obtenus peuvent donc être différents.
La vérification des contrastes de couleurs bénéficie de différents outils :
- WCAG Contrast checker pour Firefox : extension Firefox qui permet un contrôle automatique des contrastes de couleurs des textes d’un document ;
- WCAG Contrast checker pour Chrome : même extension que la précédente pour Chrome ;
- Color Contrast Analyser : Application Windows ou Mac qui permet de contrôler des contrastes de couleurs.
La vérification de l’arborescence du document et de la hiérarchie des titres dispose d’une extension très utile :
- HeadingsMap pour Firefox : extension Firefox qui permet de donner un aperçu du plan du document et de son arborescence ;
- HeadingsMap pour Chrome : même extension que la précédente pour Chrome.
L’analyse des fichiers bureautiques peut être réalisée au moyen de différents outils en fonction du format du fichier :
- PAC (PDF Accessibility Checker) 2024 pour Windows : logiciel qui permet de contrôler certains points d’accessibilité des documents PDF ;
- Les versions récentes des outils bureautiques de Microsoft offrent une fonctionnalité intégrée de validation de l’accessibilité (voir l’article Rendre vos documents Word accessibles aux personnes atteintes d’un handicap et les articles associés) ;
- Ace by DAISY App est un utilitaire pour vérifier l’accessibilité d’un fichier EPUB.
Enfin, un logiciel ancien mais toujours utile pour évaluer la potentialité de certains contenus web à causer des crises d’épilepsie : PEAT (Photosensitive Epilepsy Analysis Tool) pour Windows.