Un formulaire sans étiquette, une image sans texte alternatif, un texte gris clair sur fond blanc : ces défauts passent inaperçus pour la plupart des visiteurs, mais bloquent une personne qui navigue au lecteur d’écran ou qui voit mal. WAVE sert à les repérer page par page. L’outil est développé depuis 2001 par WebAIM, un centre sans but lucratif rattaché à l’université d’État de l’Utah, et reste proposé gratuitement en ligne et sous forme d’extension de navigateur.
Quel problème WAVE règle, et pour qui
Les règles WCAG décrivent ce qu’une page accessible doit respecter, mais les vérifier à la main sur chaque gabarit prend du temps. WAVE automatise la partie mécanique de ce contrôle : il analyse le code rendu d’une page et place directement sur celle-ci des icônes qui signalent les erreurs, les alertes à examiner et les bonnes pratiques déjà en place. Sa documentation recense 110 éléments répartis en six familles, chacun relié aux critères WCAG 2.2 concernés.
L’outil vise d’abord les intégrateurs et développeurs front qui veulent corriger avant une mise en ligne, les designers et rédacteurs web qui vérifient leurs choix de couleurs et de titres, et les chefs de projet ou référents accessibilité qui préparent un audit. Pour un site de plusieurs milliers de pages, WebAIM oriente vers des offres payantes : API, rapport AIM ou licence installée sur vos serveurs.
Comment fonctionne un rapport WAVE
Sur le site, vous saisissez l’adresse d’une page publique et WAVE l’affiche avec ses annotations. Avec l’extension pour Chrome, Firefox ou Edge, vous lancez l’analyse depuis l’icône, le clic droit ou le raccourci Ctrl + Maj + U (Cmd + Maj + U sur Mac). L’extension évalue la page telle qu’elle est rendue dans votre navigateur, y compris les contenus générés par JavaScript, les pages d’intranet ou derrière un mot de passe, sans rien envoyer au serveur de WAVE selon l’éditeur.
Le panneau latéral se lit en cinq onglets :
- Details : le décompte des erreurs, erreurs de contraste, alertes, éléments positifs, éléments de structure et attributs ARIA, avec une liste cliquable qui pointe chaque occurrence dans la page.
- Reference : la fiche explicative de chaque icône, avec ce qu’elle signifie, pourquoi elle compte et comment corriger.
- Order : l’ordre de tabulation et le nom accessible de chaque élément navigable, ce qu’un lecteur d’écran annoncera.
- Structure : l’arborescence des régions (en-tête, navigation, contenu principal, pied de page) et des titres h1 à h6.
- Contrast : un vérificateur de contraste avec sélecteurs de couleurs et résultat AA et AAA, plus une option pour désaturer la page.
Deux commandes complètent l’ensemble : le bouton Styles désactive la feuille de style pour montrer l’ordre de lecture linéaire, et l’onglet Code affiche le balisage associé à l’icône sélectionnée. Pour choisir des couleurs conformes dès la maquette, notre guide des combinaisons de couleurs donne des repères utiles avant de passer au contrôle.
Cas d’usage concrets par profil
Intégrateur ou développeur. Vous ouvrez l’extension sur la page en cours de développement, en local ou en préproduction, et corrigez les erreurs rouges avant de livrer. Pour l’intégration continue, la licence Stand-alone fournit un moteur de test JavaScript compatible avec Selenium ou Puppeteer, qui peut bloquer une version contenant des erreurs.
Agence web. Avant de remettre un site, vous passez chaque gabarit dans WAVE et joignez les constats à la recette. Si le client veut une vue d’ensemble, le rapport AIM ajoute une note globale, un tableur des résultats WAVE pour toutes les pages et l’avis d’experts sur quatre pages évaluées à la main.
Équipe produit d’un grand site. L’API par crédits interroge WAVE en lot, avec un choix de largeur d’écran jusqu’à 3 000 pixels pour tester les points de rupture du responsive, et renvoie du JSON ou du XML à intégrer dans vos tableaux de bord. Au-delà de quelques milliers de pages par mois, la licence installée sur vos serveurs devient plus logique.
Rédacteur ou responsable éditorial. Un passage dans WAVE suffit à vérifier qu’un article n’a pas sauté de niveau de titre, qu’aucune image ne manque de texte alternatif et qu’aucun lien n’est vide.
WAVE face à axe DevTools, Lighthouse et Siteimprove
axe DevTools, de Deque, se loge dans les outils de développement du navigateur et parle surtout aux développeurs, avec une version payante qui guide les tests manuels. Lighthouse, intégré à Chrome, mêle accessibilité, performance et SEO dans une note unique : pratique pour un premier coup d’œil, moins détaillé sur l’accessibilité seule. Nous revenons sur ses évolutions récentes dans notre article sur la nouvelle métrique de Lighthouse. Siteimprove vise les grandes organisations qui veulent un suivi continu de tout un parc de sites, avec tableaux de bord et gouvernance.
WAVE se distingue par son affichage visuel : les problèmes apparaissent à leur emplacement dans la page, ce qui parle aussi aux profils non techniques. Il reste toutefois un outil de diagnostic page par page, là où un robot d’exploration comme Screaming Frog parcourt un site entier pour d’autres contrôles techniques.
Les limites à connaître
- Un contrôle automatique ne remplace pas un audit : WAVE lui-même rappelle qu’un test manuel reste nécessaire, même quand aucune erreur n’est détectée.
- L’outil en ligne et l’extension analysent une page à la fois ; le suivi de tout un site passe par l’API, le rapport AIM, la licence Stand-alone ou Pope Tech, un partenaire distinct.
- Interface, documentation et support sont en anglais, et les offres payantes sont affichées en dollars.
- Les conditions d’utilisation interdisent l’usage automatisé hors API et l’emploi des rapports dans un contentieux sans accord écrit de WebAIM.
- Le vérificateur ne détecte pas les erreurs de contraste sur les dégradés, filtres ou fonds transparents : ces cas se mesurent à la pipette.
Quelle formule choisir
Pour un site vitrine ou un blog, l’extension gratuite suffit : installez-la à côté de vos autres extensions Chrome et passez vos principaux gabarits en revue après chaque refonte. Si vous devez contrôler quelques centaines de pages ponctuellement, l’API par crédits démarre à 10 dollars pour 250 analyses simples, avec 100 crédits offerts à l’inscription.
Le rapport AIM convient à une organisation qui veut un état des lieux chiffré et commenté sans s’équiper, à partir de 500 dollars jusqu’à 20 000 pages. La licence Stand-alone, de 4 000 à 12 000 dollars par an selon le volume, le nombre de domaines et d’installations, se justifie pour les pages non publiques, les tests intégrés à la chaîne de livraison ou les éditeurs qui veulent intégrer WAVE à leurs propres outils. Une version d’essai est disponible sur demande avant de signer.