Accessibilité web et RGAA : qui est soumis et à quel prix

L'accessibilité web (WCAG 2.2 AA et RGAA) est la discipline d'ingénierie et d'UX visant à rendre les interfaces utilisables par tous via un HTML sémantique, une navigation clavier complète et un contraste de 4,5:1 sur les sites corporate de €4 500 à €9 000.

La plupart des organisations découvrent le sujet dans l'urgence réglementaire, juste avant un audit. Cet ordre produit le pire résultat possible : une série de rustines posées sur un site terminé. Pris en compte dès la première maquette, le même niveau d'exigence ne coûte presque rien et améliore le site pour tout le monde.

Ce guide traite des décisions de conception plutôt que du référentiel : quelles six erreurs reviennent dans presque tous les audits, comment tester en dix minutes, comment se déroule un audit RGAA, et ce que la mise en conformité coûte réellement.

L'accessibilité n'est pas un style visuel, et c'est le premier malentendu à lever. Les sites conformes ressemblent à n'importe quel site bien fait. Ce qui change, ce sont des décisions habituellement prises sans y penser : le contraste du texte, ce qui se passe quand on appuie sur la touche Tabulation, la lisibilité d'un champ une fois que le texte d'aide a disparu.

Selon l'initiative pour l'accessibilité du web du W3C, les règles reposent sur quatre principes : le contenu doit être perceptible, utilisable, compréhensible et robuste. Ces quatre mots servent davantage face à un prestataire que les critères numérotés, parce qu'ils se transforment en questions posables à une maquette.

L'argument commercial est plus simple que l'argument moral. Environ une personne sur six dans le monde vit avec un handicap significatif, et la proportion augmente nettement avec l'âge, ce qui compte pour tout service vendu à des plus de cinquante ans.

En France, les obligations légales reposent sur deux textes distincts : l'article 47 de la loi n° 2005-102 et le décret n° 2019-768, qui imposent le respect du RGAA (version 4.1.2 ; le RGAA 5 est en préparation, avec une publication annoncée pour fin 2026) aux services publics ainsi qu'aux grandes entreprises privées dont le chiffre d'affaires réalisé en France dépasse 250 millions d'euros.

S'y ajoute depuis le 28 juin 2025 la transposition de la directive européenne sur l'accessibilité (Directive UE 2019/882, European Accessibility Act). Ce texte s'adresse aux services numériques grand public (B2C) : commerce électronique, services bancaires aux particuliers, livres numériques, télécommunications et billetterie de transport. Un site vitrine institutionnel B2B, sans vente en ligne ni espace client transactionnel, ne tombe pas automatiquement sous le coup de la directive.

Les microentreprises qui fournissent des services bénéficient en outre d'une exonération légale : celles qui emploient moins de dix personnes et réalisent un chiffre d'affaires ou un total de bilan n'excédant pas deux millions d'euros sont exemptées des exigences sur les services. Cette dérogation ne s'étend pas aux fabricants de produits.

Deux autorités se partagent le contrôle. Sur le périmètre de l'article 47, l'Arcom peut prononcer une sanction administrative allant jusqu'à €25 000 par service, renouvelable chaque année, en cas de manquement aux obligations de déclaration et de publication. Pour les produits et services couverts par la directive européenne, transposée par la loi n° 2023-171 et l'ordonnance n° 2023-859, la surveillance du marché revient à la DGCCRF. Côté technique, la référence légale est la norme harmonisée EN 301 549 : la version citée au Journal officiel de l'UE renvoie aux WCAG 2.1 AA, et la version 4.1.1 publiée en septembre 2026 passe aux WCAG 2.2 sans être encore citée. Construire en WCAG 2.2 AA couvre les deux.

Six erreurs concentrent l'essentiel de ce que relèvent les audits réels, et chacune est une décision de conception et non une faute de programmation. L'analyse annuelle WebAIM Million relève des manquements détectables automatiquement sur plus de 95 % des pages d'accueil les plus visitées. Corrigées en maquette, elles ne coûtent rien ; après la mise en ligne, elles impliquent de rouvrir des gabarits terminés.

• Contraste insuffisant, le plus souvent du gris sur blanc parce que la maquette paraissait plus sobre ainsi.
• Textes alternatifs absents, ou reprenant le nom du fichier.
• Liens intitulés « en savoir plus », qu'un lecteur d'écran énonce hors contexte comme une liste d'entrées identiques.
• Formulaires dont la seule étiquette est le texte d'aide, qui disparaît à la première frappe.
• Composants construits avec de simples divs, invisibles pour les technologies d'assistance faute de rôle.
• Vidéos sans sous-titres, ce qui exclut les personnes sourdes et tous ceux qui regardent sans le son.

Chacune se corrige en minutes dans un fichier de conception et en heures dans le code de production. Ce rapport résume tout l'argument en faveur d'une accessibilité traitée comme contrainte de design et non comme ticket de développement.

Le contraste est l'erreur la plus fréquente et la plus facile à éviter, parce qu'elle se vérifie avant qu'une seule ligne de code existe. Le niveau attendu est un rapport d'au moins 4,5 pour 1 entre le texte et son fond pour du texte courant, et de 3 pour 1 pour le grand texte ainsi que pour les bordures visibles des composants.

Le piège tient au fait que les palettes de marque se choisissent sur des écrans calibrés dans des pièces sombres. Un gris moyen qui paraît élégant là devient illisible sur un téléphone en extérieur. Vérifier la palette au moment de la marque, et non au moment des pages, évite toute une catégorie de reprises.

La couleur ne peut pas non plus porter seule le sens. Un formulaire qui signale les erreurs uniquement en rouge est inutilisable pour la part non négligeable d'hommes daltoniens. Ajouter une icône et une phrase coûte une ligne.

Reste l'indicateur de focus. Les équipes de conception retirent fréquemment le contour par défaut du navigateur parce qu'il jure avec le design, sans rien mettre à la place. Cette seule décision rend le site entier inutilisable au clavier, et c'est le défaut grave que nous rencontrons le plus souvent sur des travaux par ailleurs soignés.

La navigation au clavier est la façon la plus rapide de juger un site et ne demande aucun outil. Écartez la souris, appuyez plusieurs fois sur Tabulation et observez. Si vous atteignez chaque commande, voyez toujours où vous êtes et ne restez jamais bloqué, le site est dans un état raisonnable.

Trois choses échouent en pratique. L'ordre saute parce que les éléments ont été positionnés visuellement au lieu d'être ordonnés dans le balisage. Une fenêtre modale s'ouvre et la tabulation continue de parcourir la page derrière, si bien que le bouton de fermeture reste hors d'atteinte. Et un menu qui ne s'ouvre qu'au survol est tout simplement inatteignable.

Il faut aussi un moyen de sauter les blocs répétés. Sur un site à en-tête volumineux, une personne appuie sinon vingt fois sur Tabulation à chaque page avant d'arriver au contenu. Un lien d'évitement tient en quelques lignes et compte parmi les corrections les plus rentables.

Rien de tout cela n'exige un lecteur d'écran. Tabulation, Entrée, Échap et les flèches font remonter la majorité des problèmes sérieux en moins de dix minutes.

Les formulaires sont l'endroit où les barrières coûtent directement de l'argent, puisque le formulaire est en général la conversion. Les exigences sont courtes et peu spectaculaires, et presque tous les sites commerciaux en enfreignent au moins une.

Chaque champ a besoin d'une étiquette visible qui le reste. Le texte d'aide à l'intérieur du champ n'est pas une étiquette : il disparaît à la première frappe et laisse deviner quiconque a été interrompu. Les champs liés ont besoin d'un regroupement pour qu'un lecteur d'écran les annonce comme un ensemble.

Les messages d'erreur doivent dire quoi faire, pas ce qui a échoué. « Champ invalide » ne sert à rien ; « saisissez la date au format JJ/MM/AAAA » sert. L'erreur doit en outre être annoncée, associée au champ et atteignable, ce sur quoi bute souvent un récapitulatif d'erreurs esthétique placé en haut de page.

Les limites de temps méritent d'être citées car elles sont invisibles jusqu'à ce qu'elles nuisent. Un parcours de réservation qui expire au bout de dix minutes exclut toute personne qui lit lentement ou utilise un lecteur d'écran, un groupe qui met mesurablement plus de temps sur le même parcours.

Les widgets superposés comme AccessiBe ou UserWay, ces boutons flottants d'accessibilité promettant une conformité immédiate contre un abonnement mensuel, méritent une réponse franche. Depuis la mi-2025, ils sont commercialisés agressivement auprès d'entreprises craignant des sanctions.

Ils ne rendent pas un site accessible. Un tel overlay en JavaScript se superpose au balisage existant et tente de deviner un sens absent du DOM : il ignore ce que montre une image non décrite, ne peut pas déduire une hiérarchie de titres cohérente et ne répare aucun composant interactif programmé avec de simples divs dépourvus de rôle ARIA. L'ajustement de la taille du texte ou des contrastes de couleurs est une fonction que les internautes activent déjà directement dans leur propre navigateur.

Les vérifications automatiques, seule chose qu'un overlay sache faire, ne relèvent qu'une partie des défauts : même le chiffre le plus généreux publié, l'étude de couverture de Deque, plafonne autour de 57 %. Les pièges au clavier, les ruptures de tabulation et les fenêtres modales inaccessibles restent des obstacles infranchissables pour les technologies d'assistance. De plus, un widget superposé n'apporte aucune protection juridique. Les utilisateurs de lecteurs d'écran dénoncent publiquement les interférences de ces outils avec leurs logiciels, et plus de 800 praticiens ont signé l'Overlay Fact Sheet pour en déconseiller l'usage. Les tribunaux et les autorités de contrôle évaluent exclusivement la structure sémantique du code HTML sous-jacent.

Un audit RGAA se déroule en trois passes, et l'ordre compte parce que chacune coûte plus cher que la précédente. Commander l'audit externe en premier, avant les passes gratuites, dépense l'essentiel du budget sur des constats que vous auriez pu réunir vous-même.

La première passe est automatique. Une extension de navigateur ou un vérificateur en ligne de commande relève les contrastes, les alternatives manquantes et les champs sans étiquette en quelques minutes. Les outils automatiques ne détectent qu'une partie des problèmes réels (environ 57 % dans l'étude de Deque, moins selon d'autres estimations), donc un rapport propre marque le début et non la fin.

La deuxième passe est manuelle et gratuite : le parcours clavier décrit plus haut, la page avec les images désactivées, et un zoom à 200 %. C'est là qu'apparaissent les problèmes structurels qu'aucun scanner ne voit.

La troisième est l'audit expert avec technologies d'assistance, et c'est celle qui mérite d'être payée. Le référentiel comporte plus d'une centaine de critères, et l'audit produit le taux de conformité qui figure ensuite dans la déclaration d'accessibilité. Commandez-la après les deux premières passes, pas avant.

Intégrée dès la conception dans un site neuf, l'accessibilité représente €0 de supplément sur le devis. Le contrôle de palette, les états de focus clavier, les formulaires étiquetés et la structure sémantique relèvent de décisions méthodologiques et non d'heures de développement additionnelles. Selon nos tarifs publiés, une page unique démarre à €1 500 et un site corporate complet à €4 500, avec l'accessibilité nativement incluse dans les fondations.

La remise à niveau d'un site corporate existant relève d'une réalité économique différente. Les corrections de contenu, comme les textes alternatifs et les contrastes de texte, s'établissent couramment de €500 à €1 500. En revanche, la remédiation structurelle des gabarits, comprenant la réécriture de composants en divs, la suppression des pièges clavier et le réordonnancement du DOM pour correspondre à l'ordre visuel, se situe généralement de €1 500 à €4 500 sur un site corporate établi.

Un audit expert avec technologies d'assistance sur un site moyen représente à lui seul une prestation à quatre chiffres, ce qui justifie de commencer par les vérifications manuelles gratuites. L'indicateur clé demeure le taux de reprise : rectifier un contraste dans la maquette prend cinq minutes, tandis qu'après la mise en ligne, l'opération touche l'ensemble des gabarits, le design system et les tests de non-régression. Montants hors taxes, TVA à 20 % en sus.

Les professionnels de santé sont soumis à des exigences strictes d'accessibilité et de confidentialité, détaillées dans notre guide sur la création de site internet pour cabinet médical.

Utilisez notre checklist de conformité EAA 2027 et RGAA pour auditer vos gabarits et intégrer des tokens accessibles dans votre design system.