Avant de lancer un audit manuel complet, un premier passage automatique permet souvent de repérer les erreurs les plus flagrantes en quelques minutes : images sans texte alternatif, contrastes insuffisants, champs de formulaire sans étiquette. Deux extensions de navigateur gratuites reviennent systématiquement dans les recommandations : axe DevTools, de Deque Systems, et WAVE, de WebAIM. Nous les avons passées toutes les deux sur le même site WordPress — un thème premium d’agence immobilière avec formulaire de contact, galerie de biens et blog — pour comparer ce qu’elles remontent réellement.
Le résultat n’est pas un match à départager : les deux outils reposent sur le même moteur de règles sous-jacent pour une bonne partie des tests (axe-core, la bibliothèque open source de Deque, que WAVE n’utilise pas directement mais dont les règles se recoupent largement), mais leur présentation et leurs priorités diffèrent suffisamment pour justifier d’utiliser les deux en pratique.
axe DevTools : intégré aux outils de développement
axe DevTools s’ajoute comme un onglet supplémentaire dans les outils de développement du navigateur, aux côtés de l’inspecteur et de la console. L’analyse se lance en un clic et produit une liste d’anomalies classées par gravité (critique, sérieux, modéré, mineur), chacune accompagnée d’un lien vers la documentation de la règle concernée et d’un bouton pour surligner l’élément fautif directement dans le DOM.
Résultat sur la page d'accueil testée :
- 3 anomalies critiques (contrastes insuffisants sur le bandeau héro)
- 2 anomalies sérieuses (champ de recherche sans étiquette accessible)
- 5 anomalies mineures (attributs alt vides sur des images décoratives, sans conséquence réelle)WAVE : une lecture directement sur la page
WAVE adopte une approche différente : plutôt qu’un panneau séparé, il superpose des icônes directement sur la page visitée, à l’endroit exact de chaque problème détecté — une petite icône rouge d’erreur à côté d’une image sans alternative textuelle, une icône jaune d’alerte à côté d’un titre de section suspect. Cette présentation visuelle rend l’outil particulièrement pratique pour une démonstration à un client ou un chef de projet non technique, qui voit immédiatement où se situent les problèmes sur sa propre page.
Résultat sur la même page d'accueil :
- 2 erreurs (recoupent les anomalies sérieuses détectées par axe)
- 6 alertes (dont 3 non signalées par axe : structure de tableau suspecte, lien vide, contraste de texte sur image de fond)
- Résumé structurel : nombre de titres, repères ARIA, langue déclaréeTableau comparatif
| Critère | axe DevTools | WAVE |
|---|---|---|
| Installation | Extension + onglet dédié dans les outils de dev | Extension seule, superposition sur la page |
| Présentation | Liste classée par gravité, avec lien vers l’élément | Icônes directement sur la page visitée |
| Bon pour | Un développeur qui corrige au fil de l’eau | Une démonstration visuelle rapide à un client |
| Détection de contraste | Précise, avec ratio calculé affiché | Présente, résumé dans un onglet séparé |
| Export de rapport | Oui, au format JSON via la version en ligne de commande | Rapport visuel imprimable depuis l’extension |
Ce qu’aucun des deux ne détecte
Les deux outils s’accordent sur leurs limites structurelles : ni l’un ni l’autre ne peut juger si un texte alternatif décrit correctement une image (juste s’il existe), si l’ordre de tabulation a un sens logique, si un contenu qui bouge est réellement gênant, ou si une instruction donnée dans un formulaire reste compréhensible hors contexte visuel. Ces vérifications réclament un audit manuel, avec un vrai lecteur d’écran et une navigation clavier complète.
Sur chaque projet, je lance les deux outils l’un après l’autre en dix minutes : ce qu’ils remontent en commun mérite une correction immédiate, ce que l’un signale et pas l’autre mérite au moins une vérification manuelle rapide.
Notre verdict
Aucun des deux outils ne remplace l’autre, et aucun des deux ne remplace un audit manuel. axe DevTools convient mieux à un usage quotidien de développeur, intégré au flux de travail habituel des outils de développement. WAVE reste imbattable pour montrer visuellement un problème à quelqu’un qui ne lit pas de rapport technique. Sur un projet sérieux, les deux se combinent, sans jamais dispenser d’un vrai test au clavier et au lecteur d’écran avant mise en production.
