Accessibilite web : Guide de conformite RGAA et bonnes pratiques 2025
12 millions de Français vivent avec un handicap. Et pourtant, allez faire un tour sur n'importe quel site e-commerce ou institutionnel : moins de 5% sont conformes au RGAA. On parle d'inclusion partout, mais dans les faits, le web français reste un parcours d'obstacles pour beaucoup. Ce guide vous montre concrètement comment changer ça — et pourquoi c'est aussi dans votre intérêt business.
Sommaire
1. Qu'est-ce que l'accessibilite web ?
Rendre un site accessible, c'est faire en sorte que tout le monde puisse l'utiliser. Pas seulement les personnes aveugles ou sourdes — même si elles sont évidemment concernées. On parle aussi de personnes daltonniennes, dyslexiques, avec des tremblements, ou tout simplement quelqu'un qui s'est cassé le poignet et doit naviguer d'une seule main. L'accessibilité couvre un spectre bien plus large qu'on ne l'imagine.
Le principe fondamental de l'accessibilite web est que chaque personne doit pouvoir percevoir, comprendre, naviguer et interagir avec le web, quel que soit son handicap. Concretement, cela signifie qu'un utilisateur aveugle doit pouvoir naviguer sur votre site avec un lecteur d'ecran, qu'un utilisateur sourd doit pouvoir comprendre vos videos grace aux sous-titres, qu'un utilisateur a mobilite reduite doit pouvoir utiliser votre site uniquement au clavier, et qu'un utilisateur dyslexique doit pouvoir lire vos contenus sans difficulte.
L'accessibilite web beneficie a bien plus de personnes que les seules personnes handicapees. Les seniors, les personnes avec une connexion lente, les utilisateurs de petits ecrans, et meme les robots des moteurs de recherche profitent d'un site accessible. En concevant pour l'accessibilite, vous ameliorez l'experience de tous vos utilisateurs. C'est ce qu'on appelle le "curb cut effect" : une amelioration concue pour les personnes handicapees qui profite a l'ensemble de la population.
2. Obligations legales en France (RGAA 4.1)
En France, l'accessibilite numerique est encadree par plusieurs textes de loi. La loi du 11 fevrier 2005 pour l'egalite des droits et des chances pose le principe fondamental de l'accessibilite des services de communication publique en ligne. Le decret du 24 juillet 2019 precise les obligations et les sanctions. Le RGAA (Referentiel General d'Amelioration de l'Accessibilite) dans sa version 4.1 definit les criteres techniques a respecter.
Organismes publics
Tous les organismes publics (services de l'Etat, collectivites territoriales, etablissements publics) sont tenus de rendre leurs sites web et applications mobiles accessibles. Ils doivent publier une declaration d'accessibilite, afficher le niveau de conformite sur chaque page, et etablir un schema pluriannuel de mise en accessibilite. La sanction en cas de non-conformite peut atteindre 20 000 euros par service en ligne et par an.
Entreprises privees
Depuis 2019, les entreprises privees dont le chiffre d'affaires depasse 250 millions d'euros sont soumises aux memes obligations. La directive europeenne sur l'accessibilite (European Accessibility Act), transposee en droit francais, elargit ces obligations a partir de juin 2025 pour les services bancaires, le commerce electronique, les services de transport et les services telephoniques. Les sanctions peuvent atteindre 50 000 euros.
Ce que dit le RGAA 4.1
Le RGAA 4.1 est base sur les WCAG 2.1 (Web Content Accessibility Guidelines) niveau AA du W3C. Il comporte 106 criteres repartis en 13 thematiques : images, cadres, couleurs, multimedia, tableaux, liens, scripts, elements obligatoires, structuration de l'information, presentation de l'information, formulaires, navigation et consultation. Chaque critere est associe a des tests precis qui permettent de verifier la conformite.
Obligation légale en France
3. Niveaux de conformite (A, AA, AAA)
Le RGAA, comme les WCAG, definit trois niveaux de conformite progressifs. Chaque niveau inclut les exigences du niveau precedent, formant une pyramide d'exigences croissantes.
Niveau A : le minimum vital
Le niveau A represente les exigences de base sans lesquelles le site est totalement inaccessible pour certains utilisateurs. Il couvre les fondamentaux comme les alternatives textuelles pour les images, la possibilite de naviguer au clavier, l'absence de pieges au clavier, et les alternatives pour le contenu multimedia. Un site qui ne respecte pas le niveau A exclut physiquement certains utilisateurs de l'acces a l'information.
Niveau AA : l'objectif legal
Le niveau AA est celui exige par la legislation francaise et europeenne. Il ajoute des exigences sur les contrastes de couleurs (ratio minimum de 4,5:1 pour le texte normal, 3:1 pour le texte agrandi), le redimensionnement du texte jusqu'a 200% sans perte de fonctionnalite, la navigation coherente entre les pages, l'identification des erreurs dans les formulaires, et les suggestions de correction. C'est le niveau que vous devez viser en priorite.
Niveau AAA : l'excellence
Le niveau AAA represente le plus haut niveau d'accessibilite. Il inclut des exigences comme un contraste de 7:1 pour le texte, la langue des signes pour le contenu audio, la possibilite de naviguer dans le contenu de multiples manieres, et l'absence de limites de temps. Ce niveau est extremement exigeant et n'est generalement pas requis pour l'ensemble d'un site, mais certains criteres AAA peuvent etre integres quand c'est pertinent.
4. Les 4 principes POUR (Perceptible, Operable, Comprehensible, Robuste)
L'accessibilite web repose sur quatre principes fondamentaux, souvent designes par l'acronyme POUR (ou WCAG POUR en anglais : Perceivable, Operable, Understandable, Robust). Tout site web doit respecter ces quatre principes pour etre considere comme accessible.
Perceptible
L'information et les composants de l'interface utilisateur doivent etre presentables de maniere a ce que les utilisateurs puissent les percevoir. Cela signifie que l'information ne peut pas etre invisible pour tous les sens d'un utilisateur. Les images doivent avoir des alternatives textuelles, les videos doivent avoir des sous-titres et des audiodescriptions, les contrastes de couleurs doivent etre suffisants, et le contenu doit etre adaptable a differents modes de presentation (lecteur d'ecran, affichage Braille, zoom).
En pratique, chaque image porteuse d'information doit avoir un attribut alt descriptif. Les images decoratives doivent avoir un alt vide (alt="") pour etre ignorees par les lecteurs d'ecran. Les videos doivent proposer des sous-titres synchronises et, pour les contenus complexes, une audiodescription. Les contrastes de couleurs doivent respecter les ratios minimaux definis par le RGAA : 4,5:1 pour le texte standard et 3:1 pour le texte agrandi (18px bold ou 24px normal).
Operable
Les composants de l'interface utilisateur et la navigation doivent etre utilisables. L'utilisateur doit pouvoir interagir avec tous les elements de l'interface, quel que soit son mode d'interaction. Cela implique que toutes les fonctionnalites doivent etre accessibles au clavier, sans piege au clavier. Les utilisateurs doivent disposer de suffisamment de temps pour lire et utiliser le contenu. Le contenu ne doit pas provoquer de crises (pas de clignotements rapides). La navigation doit etre claire avec des moyens multiples pour trouver les pages.
Concretement, chaque lien, bouton, champ de formulaire et element interactif doit etre atteignable et activable au clavier (Tab, Entree, Espace, fleches directionnelles). L'indicateur de focus doit etre visible. Les menus deroulants doivent etre navigables au clavier. Les carousels doivent pouvoir etre arretes. Les delais d'inactivite doivent etre ajustables ou desactivables.
Comprehensible
L'information et le fonctionnement de l'interface doivent etre comprehensibles. L'utilisateur doit pouvoir comprendre le contenu et la maniere dont l'interface fonctionne. Le texte doit etre lisible et comprehensible. La langue de la page doit etre declaree dans le code HTML (attribut lang). Les changements de langue dans le contenu doivent etre signales. Le vocabulaire utilise doit etre adapte au public cible.
La navigation doit etre previsible et coherente d'une page a l'autre. Les menus de navigation doivent se trouver au meme endroit sur toutes les pages. Les elements interactifs similaires doivent fonctionner de la meme maniere partout. Les formulaires doivent fournir des instructions claires, identifier les erreurs de saisie et proposer des suggestions de correction. L'utilisateur doit pouvoir annuler ou corriger ses actions.
Robuste
Le contenu doit etre suffisamment robuste pour etre interprete de maniere fiable par une large variete d'agents utilisateurs, y compris les technologies d'assistance. Cela signifie que le code HTML doit etre valide et bien structure, que les composants personnalises (menus, onglets, accordeons, modales) doivent utiliser les attributs ARIA (Accessible Rich Internet Applications) corrects, et que le site doit fonctionner avec les technologies d'assistance courantes (lecteurs d'ecran NVDA, JAWS, VoiceOver).
En pratique, utilisez les elements HTML semantiques natifs autant que possible (button pour les boutons, nav pour la navigation, main pour le contenu principal, article pour les articles). Quand vous devez creer des composants personnalises, utilisez les roles ARIA, les etats (aria-expanded, aria-selected) et les proprietes (aria-label, aria-describedby) pour communiquer le comportement aux technologies d'assistance.
5. 20 criteres essentiels a respecter
Parmi les 106 criteres du RGAA, voici les 20 plus importants qui couvrent la majorite des problemes d'accessibilite rencontres sur les sites web. Les respecter vous permettra de resoudre environ 80% des barrieres d'accessibilite.
Alternatives textuelles
Chaque image porteuse d'information a une alternative textuelle pertinente (attribut alt). Les images decoratives ont un alt vide.
Sous-titres video
Toutes les videos avec du son ont des sous-titres synchronises et fideles au contenu audio.
Contraste des couleurs
Le ratio de contraste est d'au moins 4,5:1 pour le texte standard et 3:1 pour le texte agrandi.
Redimensionnement du texte
Le contenu reste lisible et fonctionnel quand le texte est agrandi jusqu'a 200%.
Navigation au clavier
Toutes les fonctionnalites sont accessibles au clavier, sans piege au clavier.
Focus visible
L'indicateur de focus est toujours visible sur les elements interactifs lors de la navigation au clavier.
Ordre de tabulation logique
L'ordre de tabulation suit l'ordre logique de lecture et de navigation.
Langue de la page
La langue principale de chaque page est declaree dans l'attribut lang de la balise html.
Structure des titres
Les titres (h1 a h6) sont utilises pour structurer le contenu de maniere hierarchique et logique.
Listes structurees
Les listes sont balisees avec les elements HTML appropries (ul, ol, dl).
Etiquettes de formulaire
Chaque champ de formulaire est associe a une etiquette (label) claire et descriptive.
Messages d'erreur
Les erreurs de saisie sont clairement identifiees et des suggestions de correction sont proposees.
Liens explicites
L'intitule de chaque lien est suffisamment descriptif pour etre compris hors contexte.
Tableaux de donnees
Les tableaux de donnees ont des en-tetes (th) correctement associes aux cellules de donnees (td).
Regions ARIA
Les grandes regions de la page sont identifiees avec des landmarks ARIA (header, main, nav, footer).
Pas d'information par la couleur seule
L'information n'est jamais vehiculee uniquement par la couleur ; un autre moyen visuel est toujours present.
Documents telechargeable accessibles
Les documents en telechargement (PDF, Word) sont eux-memes accessibles ou une version accessible est proposee.
Skip navigation
Un lien d'evitement permet de passer directement au contenu principal en debut de page.
Titre de page unique
Chaque page a un titre (balise title) unique et descriptif qui identifie son contenu.
Composants interactifs ARIA
Les composants interactifs personnalises (modales, onglets, accordeons) utilisent les attributs ARIA corrects.
6. Comment auditer son site
Un audit d'accessibilite RGAA est un processus methodique qui evalue la conformite de votre site aux criteres du referentiel. Il combine des tests automatises et des tests manuels, car aucun outil ne peut detecter a lui seul tous les problemes d'accessibilite. Les outils automatises detectent environ 30 a 40% des problemes ; le reste necessite une evaluation humaine experte.
La demarche d'audit commence par la definition de l'echantillon de pages a tester. Le RGAA recommande un echantillon representatif qui inclut la page d'accueil, la page de contact, la page de mentions legales, les pages types (article, fiche produit, formulaire), et les pages les plus visitees. Pour un audit complet, chaque critere du RGAA est teste sur chaque page de l'echantillon.
Les tests manuels incluent la navigation complete au clavier (Tab, Shift+Tab, Entree, Espace, fleches), l'utilisation d'un lecteur d'ecran (NVDA sur Windows, VoiceOver sur Mac), le test de zoom a 200%, la verification des contrastes, la desactivation du CSS pour verifier la structure, et la desactivation des images pour verifier les alternatives textuelles.
Audit initial
Testez votre site avec Axe DevTools, Wave et un lecteur d'écran (NVDA/VoiceOver). Identifiez les non-conformités critiques.
Corriger les contrastes
Ratio minimum 4.5:1 pour le texte normal, 3:1 pour le texte large. Utilisez un vérificateur de contraste.
Structurer le HTML sémantique
Headings hiérarchiques (H1→H6), landmarks ARIA, listes et tableaux correctement balisés.
Rendre la navigation clavier possible
Tous les éléments interactifs doivent être accessibles au clavier avec un focus visible.
Ajouter les alternatives textuelles
Alt sur toutes les images, sous-titres sur les vidéos, transcriptions pour les podcasts.
Publier la déclaration d'accessibilité
Obligatoire en France. Indiquez le niveau de conformité, les dérogations et le plan d'amélioration.
Le resultat de l'audit est un rapport detaille qui liste chaque non-conformite, son impact sur les utilisateurs, sa localisation dans le site et les recommandations de correction. Ce rapport sert de feuille de route pour la mise en conformite. Si vous envisagez une refonte de votre site, c'est le moment ideal pour integrer l'accessibilite des la conception.
7. Outils de test d'accessibilite
Voici les outils que nous recommandons chez D-Open pour evaluer et ameliorer l'accessibilite de vos sites web. La combinaison d'outils automatises et de tests manuels est essentielle pour une couverture complete.
Extensions navigateur
- WAVE : detecte les erreurs d'accessibilite et les affiche directement sur la page. Gratuit et tres visuel.
- axe DevTools : extension de Deque Systems, integree dans les DevTools Chrome. Detecte les violations WCAG avec des explications detaillees.
- HeadingsMap : visualise la hierarchie des titres pour verifier la structure du document.
- Web Developer : desactive CSS, images, JavaScript pour tester l'accessibilite de base.
Outils d'analyse
- Lighthouse : integre dans Chrome DevTools, fournit un score d'accessibilite et des recommandations.
- Pa11y : outil en ligne de commande pour des audits automatises en CI/CD.
- Tenon.io : API d'accessibilite pour integrer les tests dans votre workflow de developpement.
- SiteImprove : plateforme complete d'audit d'accessibilite avec suivi dans le temps.
Verification des contrastes
- WebAIM Contrast Checker : verifie le ratio de contraste entre deux couleurs.
- Colour Contrast Analyser : application desktop avec pipette pour mesurer les contrastes en temps reel.
- Stark : plugin Figma pour verifier l'accessibilite des maquettes avant le developpement.
Lecteurs d'ecran
- NVDA : lecteur d'ecran gratuit pour Windows. Le plus utilise en France.
- VoiceOver : lecteur d'ecran integre dans macOS et iOS. Aucune installation necessaire.
- JAWS : lecteur d'ecran professionnel payant, le plus complet du marche.
- TalkBack : lecteur d'ecran integre dans Android pour les tests mobiles.
8. Impact business de l'accessibilite
L'accessibilite web n'est pas seulement une obligation legale ou un devoir ethique : c'est aussi un avantage concurrentiel et un levier de croissance business significatif. Voici les arguments business les plus convaincants pour investir dans l'accessibilite de votre site web.
Un marche de 12 millions de personnes en France
12 millions de Francais sont en situation de handicap, soit 18% de la population. En ignorant l'accessibilite, vous excluez potentiellement un cinquieme de votre marche. A l'echelle europeenne, ce sont 80 millions de personnes concernees. Le pouvoir d'achat des personnes handicapees et de leurs proches represente des milliards d'euros.
Amelioration du SEO
Accessibilite et SEO partagent de nombreuses bonnes pratiques : structure semantique HTML, textes alternatifs pour les images, hierarchie de titres claire, liens descriptifs, sous-titres pour les videos. Un site accessible est generalement mieux reference car il est mieux structure et plus facile a comprendre pour les moteurs de recherche.
Meilleure experience utilisateur pour tous
Les ameliorations d'accessibilite beneficient a tous les utilisateurs : les sous-titres aident aussi dans les environnements bruyants, les contrastes suffisants ameliorent la lisibilite en plein soleil, la navigation au clavier est utilisee par les power users, et une structure claire aide tout le monde a trouver l'information rapidement.
Image de marque et responsabilite sociale
Investir dans l'accessibilite renforce votre image de marque responsable. Les consommateurs, en particulier les plus jeunes, sont sensibles aux engagements RSE des entreprises. Un site accessible communique un message d'inclusion et de respect qui va au-dela du simple respect de la loi.
Chez D-Open, nous integrons l'accessibilite dans chaque projet de creation ou de refonte de site web. Notre approche "accessibility by design" garantit que l'accessibilite est prise en compte des la conception et non en rattrapage. Contactez-nous pour un audit d'accessibilite de votre site.
FAQ - Questions frequentes sur l'accessibilite web
Qu'est-ce que le RGAA ?
Le RGAA (Referentiel General d'Amelioration de l'Accessibilite) est le referentiel francais d'accessibilite numerique. Base sur les WCAG 2.1 du W3C, il definit 106 criteres techniques repartis en 13 thematiques pour rendre les sites web et applications accessibles aux personnes en situation de handicap.
Qui est concerne par l'obligation d'accessibilite en France ?
Les organismes publics (Etat, collectivites, etablissements publics), les entreprises privees avec un CA superieur a 250 millions d'euros, et depuis 2025, les entreprises de services relevant de la directive europeenne sur l'accessibilite (banques, e-commerce, transports, telephonie).
Quelles sont les sanctions en cas de non-conformite ?
Les sanctions atteignent 20 000 euros par service en ligne et par an pour les organismes publics, et jusqu'a 50 000 euros pour les entreprises privees. Au-dela des sanctions financieres, la non-conformite expose a des recours juridiques et nuit a l'image de marque de l'entreprise.
Combien coute un audit d'accessibilite ?
Un audit RGAA complet coute entre 3 000 et 15 000 euros selon la taille du site. Un audit rapide sur un echantillon coute entre 1 500 et 3 000 euros. La mise en conformite qui suit l'audit represente generalement un investissement supplementaire de 5 000 a 30 000 euros.
Quelle est la difference entre RGAA et WCAG ?
Les WCAG sont le referentiel international du W3C. Le RGAA est l'adaptation francaise basee sur les WCAG 2.1 niveau AA. Le RGAA traduit les criteres WCAG en tests concrets et les inscrit dans le cadre juridique francais. Etre conforme au RGAA implique d'etre conforme aux WCAG 2.1 AA.
Un site accessible est-il moins beau ?
Absolument pas. L'accessibilite et le design moderne sont parfaitement compatibles. Les contraintes d'accessibilite (contraste suffisant, taille lisible, navigation claire) amenent en realite a une meilleure experience pour tous. Les plus beaux sites du web sont souvent aussi les plus accessibles.
Quels outils pour tester l'accessibilite ?
Les outils essentiels sont : WAVE et axe DevTools (extensions navigateur), Lighthouse (integre dans Chrome), le validateur HTML du W3C, un lecteur d'ecran (NVDA gratuit sur Windows, VoiceOver sur Mac), et le Contrast Checker de WebAIM pour les contrastes.
L'accessibilite ameliore-t-elle le SEO ?
Oui, significativement. Accessibilite et SEO partagent de nombreuses bonnes pratiques : structure semantique, textes alternatifs, hierarchie de titres, navigation claire, sous-titres. Un site accessible est mieux compris par les moteurs de recherche et se positionne generalement mieux.
Combien de temps pour rendre un site accessible ?
La mise en conformite prend entre 2 et 6 mois selon la taille du site et son etat initial. Un site recent bien structure peut etre rendu conforme en quelques semaines. Un site ancien avec beaucoup de dette technique peut necessiter plusieurs mois de travail systematique.
Faut-il viser le niveau AA ou AAA ?
Le niveau AA est le minimum legal requis en France et represente le meilleur equilibre entre accessibilite et faisabilite. Le niveau AAA est tres exigeant et rarement atteignable sur l'ensemble d'un site. Visez le AA complet et integrez certains criteres AAA quand c'est pertinent et realisable.
Rendez votre site web accessible a tous
Nos experts realisent l'audit d'accessibilite RGAA de votre site et vous accompagnent dans la mise en conformite. Offrez une experience inclusive a tous vos utilisateurs.
Demander un audit d'accessibilite