Aller au contenu principal
Accessio

Audit accessibilité Webflow : méthode, outils et budget

L'accessibilité numérique n'est pas une option, c'est une obligation légale et un levier de qualité. Pour un site Webflow, la liberté de conception du no-code est une arme à double tranchant : elle permet tout, mais demande une rigueur stricte pour éviter les pièges de navigation et de structure. Contrairement à un CMS rigide, Webflow vous donne les clés du code produit (DOM, aria-labels, focus) ; à vous de les configurer. Un audit bien mené identifie les points de blocage avant la mise en ligne ou pendant le maintien en conformité. Comptez entre 2 et 10 jours selon la complexité et le nombre de gabarits.

Préparer l'audit : ce qu'il faut rassembler

La réussite d'un audit dépend de la préparation. Listez d'abord l'URL de production (ou celle de pré-production), un accès éditeur Webflow pour examiner les composants, le sitemap complet du site en distinguant les templates et les pages uniques, et la liste des composants complexes utilisés (sliders, accordéons, champs de formulaire personnalisés, flux CMS). L'objectif est d'échantillonner : inutile d'auditer 200 pages si elles partagent les mêmes 5 gabarits. Sélectionnez les pages les plus représentatives et critiques : accueil, page service, page contact, fiche produit et tunnel de commande.

Étape 1 : le scan automatique

Le scan automatique est votre premier filtre. Il détecte rapidement les erreurs grossières : contrastes insuffisants, balises alt manquantes, hiérarchie des titres. Outils recommandés : axe-core via Deque (standard de l'industrie), WAVE (Wave Web AIM, visualisation rapide des erreurs sur la page) et Lighthouse (Chrome DevTools, partiel mais utile pour un premier état des lieux). Attention : ces outils ne détectent que 30 à 40 % des erreurs. Ils restent aveugles à la logique métier, à l'ordre de lecture des composants complexes et à la pertinence des étiquettes.

Étape 2 : la navigation 100 % clavier

Testez votre site uniquement au clavier : Tab pour avancer, Maj+Tab pour reculer, Entrée et Espace pour activer, Échap pour fermer, flèches pour les composants riches. C'est le test le plus révélateur pour Webflow. Vérifiez le focus visible : l'utilisateur sait-il toujours où il se trouve ? L'ordre du DOM correspond-il à l'ordre visuel (souvent perturbé par les positionnements absolute ou Grid inversés) ? Y a-t-il des pièges au focus : pouvez-vous sortir d'une modale ou d'un menu déroulant avec Échap ? Si un bouton bloque ou si le focus saute de manière erratique, vous avez identifié un défaut majeur relevant du critère WCAG 2.1.1 Clavier.

Étape 3 : le test au lecteur d'écran

L'accessibilité concerne aussi les utilisateurs non-voyants. NVDA (Windows, gratuit) reste le lecteur le plus utilisé et indispensable pour valider la restitution de l'information. VoiceOver (macOS, natif) est incontournable pour tester l'écosystème Apple. Testez 3 à 5 parcours critiques : navigation dans le menu, soumission d'un formulaire, lecture d'un article CMS. L'objectif est de vérifier que le nom, le rôle et la valeur (critère WCAG 4.1.2) sont bien transmis par le navigateur au lecteur d'écran.

Étape 4 : l'audit humain WCAG 2.1 AA

L'expert accessibilité fait la différence là où l'automatisation s'arrête. Les points emblématiques à valider manuellement : 1.1.1 (Contenu non textuel) sur la pertinence des descriptions d'images, 1.3.1 (Info et relations) sur le respect de la structure sémantique H1-H6, 1.4.3 (Contraste) sur les rapports de contraste réels, 2.4.4 (But du lien) sur la clarté des intitulés de liens hors contexte, 2.4.7 (Focus visible) sur la distinction du focus, et 3.3.2 (Étiquettes ou instructions) sur les formulaires.

Les composants Webflow qui pèsent dans l'audit

Webflow facilite la création de composants interactifs, mais ils sont souvent la source principale d'erreurs. Modales et dropdowns nécessitent une gestion active du focus et des états aria-expanded. Sliders et carrousels sont souvent complexes à rendre accessibles au clavier sans code JavaScript additionnel. Formulaires customs : chaque champ doit avoir un label associé et les messages d'erreur doivent être restitués vocalement. Onglets : seul l'onglet actif doit être présent ou navigable, les autres correctement masqués.

Livrables et budget

Un audit professionnel se conclut par trois livrables : un rapport détaillé critère par critère (Conforme / Non conforme / Non applicable), un plan d'action hiérarchisé par criticité, et une déclaration d'accessibilité obligatoire. Budget indicatif hors phase de correction : 3 000 à 7 000 € pour un site vitrine de 5 à 15 pages ; 5 000 à 25 000 € pour un site marchand ou complexe de 20 à 80 pages. À mettre en regard du risque juridique : en cas de manquement constaté par la DGCCRF, l'amende EAA privé peut atteindre 7 500 € à 15 000 €.

Aller plus loin

Pour approfondir, consultez la fiche état des lieux de l'accessibilité Webflow, le guide étape par étape de mise en conformité, notre page sur les sanctions et amendes, et la déclaration d'accessibilité modèle. Pour cadrer un devis, notre page sur les tarifs d'audit donne une fourchette réaliste selon la taille de votre site.

Testez l’accessibilité de votre site, gratuitement

Voyez en moins d'une minute où votre site rencontre ce type d'écart, gratuitement.

Lancer le diagnostic gratuit

Questions fréquentes

Pourquoi ne pas se contenter du vérificateur Webflow ?
Le vérificateur intégré est un outil d'aide au design : incomplet et incapable de produire la conformité rigoureuse exigée par le RGAA ou l'EAA. Il couvre environ 30 % des critères WCAG. Pour viser la conformité, l'audit humain reste indispensable : il évalue la pertinence d'un alt, la logique d'un parcours clavier, la qualité des composants ARIA et l'expérience réelle d'un lecteur d'écran.
Quel budget pour un audit ?
Comptez entre 3 000 € et 25 000 € selon la volumétrie et la complexité des interactions sur votre site. Un site vitrine court démarre autour de 3 000 à 7 000 € ; un site marchand avec comptes, recherche et filtres peut atteindre 25 000 € en audit seul, sans les corrections.
Combien de temps prend un audit ?
Variable selon la taille du site, mais comptez en moyenne 2 à 10 jours de travail pour une évaluation complète et un rapport actionnable. À cela s'ajoute ensuite la phase de corrections, dont la durée dépend du nombre et de la complexité des écarts identifiés.
Faut-il un expert Webflow ou un expert accessibilité ?
Il faut un expert en accessibilité qui maîtrise aussi Webflow pour comprendre comment corriger les erreurs directement dans l'éditeur. Les deux compétences ne s'opposent pas : sur un projet Webflow, c'est la combinaison des deux qui apporte un résultat réellement conforme.
Le rapport d'audit doit-il être public ?
Si vous êtes soumis à l'EAA ou au RGAA (secteur public), vous devez publier une déclaration d'accessibilité qui synthétise les résultats. Le rapport d'audit complet peut rester interne, mais ses conclusions doivent figurer dans la déclaration accessible depuis le site.
Quelle suite après l'audit ?
La phase de corrections, le déploiement des correctifs, puis idéalement une recette de validation avec des utilisateurs en situation de handicap. Un audit annuel ou après chaque refonte majeure reste recommandé pour ne pas régresser sur les critères déjà validés.

Pour aller plus loin

Besoin d'aller au-delà du diagnostic ? Demandez un audit d'accessibilité ou consultez nos tarifs.

Retour à tous les guides d'accessibilité.