RGAA 4.1 : les 10 erreurs d'accessibilité les plus fréquentes (et comment les fixer)
En bref : depuis juin 2025, l'obligation de conformité RGAA 4.1 s'étend à de nombreux sites web privés (e-commerces > 2 M€ CA, banques, transports, etc.) en application de la directive européenne EAA. D'après l'ARCOM, 85 % des sites français échouent sur les 10 mêmes critères. On les liste ici, avec le code exact pour les corriger.
Qu'est-ce que le RGAA 4.1 ?
Le Référentiel Général d'Amélioration de l'Accessibilité (RGAA) est la version française des règles WCAG 2.1 (niveau AA). Il définit 106 critères de contrôle répartis en 13 thématiques (images, liens, formulaires, navigation, etc.).
Le RGAA est obligatoire depuis 2005 pour les services publics. Depuis la transposition de l'European Accessibility Act (EAA) en juin 2025, il devient aussi obligatoire pour les acteurs privés suivants :
- E-commerces dont le CA dépasse 2 millions d'euros ;
- Services bancaires, assurance, paiement ;
- Transports et billetterie ;
- Télécommunications ;
- Livres numériques, médias en ligne ;
- Plateformes d'emploi et de formation.
Sanction en 2026 : jusqu'à 25 000 € d'amende par manquement constaté (rehaussé par la loi d'adaptation EAA). L'ARCOM peut aussi ordonner la mise hors ligne temporaire du site.
Les 10 erreurs RGAA les plus fréquentes
Images sans alternative textuelle (alt)
Toute image porteuse d'information doit avoir un attribut alt qui décrit son contenu. Les images décoratives doivent avoir un alt="" vide (pas d'absence totale d'attribut).
<img src="photo.jpg" alt="Description claire"> ou alt="" si décoratif.Hiérarchie des titres incohérente
Un site doit avoir un seul <h1> par page, et les niveaux suivants doivent s'enchaîner logiquement (pas de <h3> directement après un <h1>).
Formulaires sans <label> associé
Chaque champ de formulaire doit avoir un <label> relié via for="xxx". Un placeholder ne remplace pas un label.
<label for="email">Adresse email</label>
<input type="email" id="email" name="email">
Contraste texte/fond insuffisant
Ratio minimum : 4,5:1 pour texte normal, 3:1 pour texte large (≥ 18 px gras). Le gris clair sur fond blanc (#999 sur #fff) est quasi systématiquement hors norme.
Attribut lang manquant
Le <html> doit porter l'attribut lang avec le code langue. Sans ça, les lecteurs d'écran prononcent tout en langue par défaut (souvent l'anglais).
<html lang="fr">Pas de lien d'évitement (« skip link »)
Un utilisateur au clavier doit pouvoir sauter directement au contenu principal sans avoir à tabuler 30 fois à travers la navbar.
<a href="#main" class="skip-link">Aller au contenu</a>
<!-- plus loin -->
<main id="main">...</main>
Site non-zoomable
La balise meta viewport ne doit pas bloquer le zoom utilisateur avec maximum-scale ou user-scalable=no.
<meta name="viewport" content="width=device-width, initial-scale=1"> (sans restriction de zoom).Interactions JS inaccessibles au clavier
Un <div onclick="..."> n'est pas atteignable au clavier. Il faut utiliser un vrai <button> ou ajouter tabindex="0" + gérer les événements clavier.
<button>, <a>) plutôt que de styliser des divs cliquables.Liens génériques type « cliquez ici »
Un lecteur d'écran lit parfois les liens hors contexte. « Cliquez ici » ou « En savoir plus » seuls sont inaccessibles.
Vidéos sans sous-titres ni transcription
Toute vidéo porteuse d'information doit proposer sous-titres + transcription textuelle pour les utilisateurs sourds/malentendants.
🎯 Tester ces 10 critères sur votre site
VeriSite vérifie automatiquement ces erreurs (et 6 autres critères RGAA) en 30 secondes. Rapport immédiat avec localisation des problèmes.
Scanner l'accessibilitéAu-delà des 10 erreurs : la déclaration d'accessibilité
Si vous êtes concerné par l'obligation RGAA, vous devez publier une déclaration d'accessibilité sur votre site. Elle mentionne :
- Votre taux de conformité global en pourcentage (calculé sur les 106 critères) ;
- Les contenus non-accessibles avec justification ;
- Un contact dédié pour signaler des problèmes d'accessibilité ;
- Un lien vers le Défenseur des Droits pour porter plainte en cas d'échec de médiation.
L'absence de cette déclaration est sanctionnée indépendamment des erreurs techniques elles-mêmes.
Combien coûte une mise en conformité complète ?
Les ordres de grandeur pour un site classique de 50 pages :
- Audit seul (rapport détaillé 106 critères) : 1 500 à 5 000 €
- Audit + préconisations (avec plan de mise en conformité) : 3 000 à 8 000 €
- Audit + corrections par un dev : 8 000 à 20 000 € selon complexité
- Audit automatisé + corrections en interne : 0 à 50 € (couvre 70-80 % des critères automatiquement vérifiables)
Pour les TPE/PME, la meilleure stratégie c'est de commencer par un audit automatisé, corriger les 80 % de points techniques détectables (les 10 ci-dessus + quelques autres), puis faire intervenir un expert sur les 20 % restants (contenus, médias, cas complexes).
Un scan automatisé, puis un plan d'action
VeriSite détecte les manquements RGAA les plus fréquents + RGPD + LCEN + sécurité, en 30 secondes. Rapport actionnable, certificat mensuel PDF à présenter si contrôle.
Essayer maintenant