106 Critères RGAA 4.1 : Le Guide Complet
Le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) est la norme de référence en France pour l'accessibilité numérique. Il est constitué de 106 critères techniques qu'un site web doit respecter pour être conforme à la loi et accessible aux personnes en situation de handicap.
Ce guide interactif décrypte chaque critère avec des explications simples, des méthodes de test et des exemples de code pour vous aider à réussir votre audit et votre mise en conformité 2025.
Pourquoi ce guide ?
- Explications claires pour développeurs et designers
- Méthodologie de test manuel incluse
- Extraits de code (HTML/CSS/JS) et cas pratiques
Guides Techniques & Thématiques
Documentation approfondie sur des sujets spécifiques de l'accessibilité.
Créer des Documents Accessibles (PDF, Word)
Apprenez à structurer vos documents, gérer les alternatives textuelles et exporter des PDF conformes (PDF/UA). Guide complet avec checklist.
Tableaux Complexes Accessibles
Maîtriser les attributs scope, headers et la fusion de cellules. Guide technique complet pour structurer vos données.
Liste des Critères RGAA 4.1
Explorez les 106 critères officiels par thématique.
Images9 critères
Images porteuses d'information
Permettre aux utilisateurs de technologies d'assistance (lecteurs d'écran, plages braille) d'accéder à l'information véhiculée par les images. Une image sans al...
Images de décoration
Les images purement décoratives (qui n'apportent aucune information ou sont redondantes) ne doivent pas être lues par les lecteurs d'écran pour ne pas polluer l...
Pertinence de l'alternative textuelle
Avoir une alternative textuelle ne suffit pas (Critère 1.1), encore faut-il qu'elle soit **pertinente**. Elle doit permettre à l'utilisateur de comprendre l'ima...
Images CAPTCHA
Permettre à l'utilisateur d'identifier la présence d'un CAPTCHA (test de sécurité) via son alternative textuelle, même s'il ne peut pas lire le code visuel.
Alternative aux CAPTCHA
Garantir que l'accès au service n'est pas bloqué par un test de sécurité purement visuel.
Description détaillée (Existence)
Permettre l'accès à l'information complète portée par des images complexes (graphiques, diagrammes, cartes) via une description détaillée accessible.
Pertinence de la description détaillée
S'assurer que l'utilisateur qui accède à la description détaillée obtient bien la totalité de l'information véhiculée par l'image complexe.
Images de texte
Garantir que le texte est lisible, zoomable et adaptable (police, contraste) par l'utilisateur. Une image de texte perd ces qualités.
Légendes d'images
Si une image a une légende visible, cette légende doit être programmatiquement associée à l'image. Les utilisateurs de lecteurs d'écran doivent comprendre le li...
Cadres2 critères
Titre de cadre
Les cadres (`<iframe>`) sont souvent utilisés pour intégrer du contenu tiers (vidéos, cartes, publicités). Les utilisateurs de lecteurs d'écran doivent pouvoir ...
Pertinence du titre de cadre
Avoir un titre ne suffit pas (Critère 2.1), il doit être **pertinent**. Le titre doit décrire le contenu ou la fonction du cadre de manière à aider l'utilisateu...
Couleurs3 critères
Information par la couleur (Contenu)
Les utilisateurs daltoniens ou malvoyants peuvent ne pas percevoir certaines couleurs. Si une information (état, erreur, lien) est indiquée uniquement par une c...
Contraste du texte
Assurer la lisibilité du texte pour les personnes malvoyantes ou dans des conditions de luminosité difficiles (soleil sur écran).
Contraste des composants
Les éléments interactifs (boutons, champs de formulaire) et les graphiques porteurs d'information (icônes) doivent être visibles.
Multimédia13 critères
Transcription textuelle
Permettre aux personnes sourdes, malentendantes, ou ne pouvant pas activer le son, d'accéder à l'intégralité du contenu audio.
Pertinence de la transcription ou audiodescription
S'assurer que l'alternative fournie (transcription ou audiodescription) permet de comprendre le contenu aussi bien que le média original.
Sous-titres synchronisés
Rendre les dialogues et les sons importants d'une vidéo accessibles aux personnes sourdes ou malentendantes.
Pertinence des sous-titres
Les sous-titres doivent permettre de suivre la vidéo sans le son. Ils ne doivent pas se contenter de transcrire les dialogues, mais aussi indiquer qui parle et ...
Audiodescription
Permettre aux personnes aveugles ou malvoyantes de comprendre ce qui se passe à l'écran lorsque l'information est uniquement visuelle.
Pertinence de l'audiodescription synchronisée
L'audiodescription doit décrire tout ce qui est nécessaire à la compréhension de l'action, sans empiéter sur les dialogues.
Identification du média
L'utilisateur doit pouvoir identifier le sujet ou le titre du média avant de lancer la lecture. Cela lui permet de décider s'il veut consommer ce contenu.
Alternative média non temporel
Les médias non temporels (animations Canvas, SVG animés, visualisations interactives) doivent être accessibles ou fournir une alternative permettant d'accéder a...
Pertinence alternative média non temporel
L'alternative fournie pour le média non temporel (critère 4.8) doit permettre d'accéder à la **même information** et aux **mêmes fonctionnalités**....
Contrôle du son
Éviter de gêner les utilisateurs de lecteurs d'écran (le son de la page couvre la voix de la synthèse vocale) ou de surprendre les utilisateurs.
Contrôle du média
L'utilisateur doit pouvoir contrôler la lecture des vidéos et des sons : lecture, pause, volume, progression, sous-titres.
Contrôle média non temporel
Les animations interactives, carrousels, ou applications riches (médias non temporels) doivent être utilisables par tous, y compris les personnes naviguant au c...
Compatibilité technologies d'assistance
Les lecteurs d'écran doivent pouvoir interagir avec le média. Ils doivent connaître : - **Rôle** : Ce que c'est (bouton, slider, lecteur vidéo...) - **Nom** : C...
Tableaux8 critères
Résumé tableau complexe
Aider l'utilisateur à comprendre la structure d'un tableau complexe avant de le parcourir cellule par cellule.
Pertinence du résumé
Le résumé ne doit pas paraphraser le titre, mais expliquer **comment lire le tableau**. Il aide les utilisateurs de lecteurs d'écran à comprendre la structure a...
Tableaux de mise en forme
S'assurer que l'utilisation de tableaux pour la mise en page (pratique déconseillée) ne perturbe pas la lecture par les technologies d'assistance.
Titre du tableau
Permettre d'identifier rapidement le contenu du tableau grâce à un titre visible et programmatiquement associé.
Pertinence du titre de tableau
Le titre doit décrire précisément le contenu du tableau. Il permet à l'utilisateur de comprendre ce qu'il va trouver avant de naviguer dans les données.
En-têtes de tableau
Permettre aux lecteurs d'écran d'associer chaque cellule de données à son en-tête (savoir que "12€" correspond à "Prix").
Association des cellules
Clarifier la relation entre en-têtes et cellules. Les lecteurs d'écran doivent pouvoir associer chaque cellule de données à ses en-têtes correspondants.
Structure tableau de mise en forme
Ne pas tromper les lecteurs d'écran en leur faisant croire qu'il y a une structure de données là où il n'y en a pas. Les tableaux de mise en forme doivent être ...
Liens2 critères
Intitulé de lien explicite
L'utilisateur doit comprendre la destination et la fonction de chaque lien sans ambiguïté.
Intitulé de lien (technique)
S'assurer qu'il n'existe pas de liens vides ou sans aucun contenu textuel accessible. Chaque lien doit avoir un nom accessible pour être utilisable par les tech...
Scripts5 critères
Compatibilité scripts
Si vous créez des composants d'interface personnalisés avec JavaScript (ex: accordéons, onglets, modales), ils doivent communiquer leur rôle, leur nom et leur é...
Alternative aux scripts
Garantir l'accès à l'information même si le script est inaccessible ou désactivé. Cela couvre principalement l'inaccessibilité technique du script pour les tech...
Contrôle clavier scripts
Tout ce qui peut être fait à la souris doit pouvoir être fait au clavier. C'est essentiel pour les utilisateurs de technologie d'assistance.
Changement de contexte
Ne pas surprendre l'utilisateur. Un changement de contexte (nouvelle fenêtre, changement de page, réorganisation majeure du contenu) ne doit pas se produire de ...
Messages de statut
Lorsqu'un message apparaît à l'écran sans rechargement de page (ex: "Produit ajouté au panier", "Erreur dans le formulaire"), le lecteur d'écran doit le lire im...
Éléments obligatoires10 critères
Type de document
Indiquer au navigateur comment interpréter le code de la page. Le DOCTYPE assure un rendu cohérent et prévisible.
Validité du code
Garantir que les navigateurs et les technologies d'assistance interprètent correctement la page, sans avoir à "deviner" la structure à cause d'erreurs de syntax...
Langue par défaut
Permettre aux lecteurs d'écran de choisir la bonne synthèse vocale (prononciation française vs anglaise) et aux navigateurs de proposer la traduction automatiqu...
Code de langue pertinent
S'assurer que le code de langue correspond bien au contenu principal de la page. Un mauvais code de langue entraîne une mauvaise prononciation par les lecteurs ...
Titre de page
Identifier la page dans les onglets du navigateur, les favoris et les résultats de recherche. C'est souvent la première chose lue par un lecteur d'écran.
Pertinence du titre de page
Le titre doit permettre de distinguer la page des autres pages du site. C'est la première information lue par un lecteur d'écran et elle apparaît dans les ongle...
Changement de langue
Permettre au lecteur d'écran de changer de prononciation pour un mot ou une phrase en langue étrangère. Sans cette indication, le texte anglais sera prononcé av...
Code de langue (changement)
S'assurer que le changement de langue utilise un code reconnu par les technologies d'assistance pour une prononciation correcte.
Balises de présentation
Séparer le fond (HTML) de la forme (CSS). Ne pas utiliser de balises sémantiques pour faire de la mise en page.
Sens de lecture
Gérer correctement les textes bidirectionnels (mélange de langues s'écrivant de gauche à droite et de droite à gauche, comme le français et l'arabe).
Structuration4 critères
Titres
Permettre aux utilisateurs de naviguer rapidement dans la page en sautant de titre en titre. C'est l'une des principales méthodes de navigation pour les utilisa...
Structure du document
Identifier les grandes zones de la page pour faciliter la navigation. Les utilisateurs de lecteurs d'écran peuvent se déplacer directement entre ces zones.
Listes
Regrouper les éléments liés pour que le lecteur d'écran annonce "Liste de 5 éléments". Cela facilite la navigation et la compréhension de la structure.
Citations
Distinguer le contenu cité du reste du texte. Les lecteurs d'écran annoncent les citations, permettant à l'utilisateur de comprendre qu'il s'agit d'un contenu r...
Présentation14 critères
Présentation CSS
Séparer le fond de la forme. Le HTML sert à la structure, le CSS à la présentation.
Contenu visible sans CSS
Garantir l'accès à l'information même si les styles ne se chargent pas ou sont désactivés par l'utilisateur. Certaines technologies d'assistance désactivent le ...
Contenu compréhensible sans CSS
Assurer que l'ordre de lecture linéaire (HTML brut) est logique et cohérent. Les lecteurs d'écran suivent l'ordre du DOM, pas l'ordre visuel.
Agrandissement du texte
Permettre aux malvoyants d'agrandir le texte sans perte d'information ni superposition illisible. Le zoom navigateur jusqu'à 200% doit être supporté.
Couleurs de fond CSS
Éviter les problèmes de lisibilité si les styles utilisateur écrasent certaines couleurs mais pas d'autres. Certains utilisateurs appliquent des feuilles de sty...
Visibilité des liens
Permettre aux daltoniens ou malvoyants de repérer les liens au sein d'un texte. La couleur seule ne suffit pas car environ 8% des hommes sont daltoniens.
Visibilité du focus
Permettre aux utilisateurs naviguant au clavier de savoir où ils se trouvent. Sans indicateur de focus visible, il est impossible de naviguer efficacement.
Contenus cachés
Ne pas restituer vocalement des éléments qui sont invisibles à l'écran, sauf cas particuliers (textes pour lecteurs d'écran uniquement).
Information par la forme
L'information doit être compréhensible sans voir la mise en page exacte. Les utilisateurs aveugles ne peuvent pas "voir le bouton rond à droite".
Information par la couleur (Présentation)
Rendre l'information accessible aux daltoniens et malvoyants. Environ 8% des hommes sont daltoniens et ne distinguent pas certaines couleurs.
Largeur du contenu
Assurer la consultation sur mobile et pour les utilisateurs zoomant fortement. Un zoom 400% sur un écran 1280px équivaut à une largeur de 320px.
Espacement du texte
Permettre aux dyslexiques et personnes malvoyantes d'aérer le texte pour faciliter la lecture.
Contenu au survol/focus
Rendre les infobulles, menus déroulants et tooltips utilisables par tous.
Contenu via CSS
Garantir l'accès à l'information pour tous les utilisateurs, y compris ceux utilisant des technologies d'assistance ou la navigation au clavier, même si cette i...
Formulaires13 critères
Étiquette de champ
Permettre aux utilisateurs de savoir ce qu'ils doivent saisir dans un champ. Une étiquette explicite est indispensable pour les utilisateurs de lecteurs d'écran...
Pertinence de l'étiquette
S'assurer que l'étiquette permet de comprendre sans ambiguïté la nature de la saisie attendue.
Cohérence des étiquettes
Garantir une expérience utilisateur fluide en utilisant la même terminologie pour des fonctionnalités identiques à travers le site.
Étiquette accolée
Permettre d'associer visuellement et rapidement l'étiquette à son champ, notamment pour les utilisateurs de loupes d'écran qui ne voient qu'une partie de l'écra...
Regroupement de champs
Structurer le formulaire pour que les utilisateurs comprennent les relations entre les champs (ex: adresse complète, date de naissance, groupes de radios).
Légende de regroupement
Donner un titre au groupe de champs pour que l'utilisateur comprenne le contexte global (ex: savoir que ces champs concernent l'adresse de facturation et non de...
Pertinence de la légende
S'assurer que le titre du groupe décrit correctement la nature des champs regroupés.
Liste de choix
Faciliter la sélection dans les longues listes déroulantes (`<select>`) en regroupant les options par catégories.
Intitulé de bouton
Permettre à l'utilisateur de comprendre l'action qui sera déclenchée par le bouton.
Contrôle de saisie
Aider l'utilisateur à remplir correctement le formulaire en indiquant clairement les champs obligatoires et les erreurs.
Suggestions de correction
Aider l'utilisateur à comprendre comment corriger son erreur en lui proposant des exemples valides.
Sécurisation des données
Éviter les erreurs irréversibles lors de transactions importantes.
Finalité du champ (Autocomplétion)
Permettre aux navigateurs et aux gestionnaires de mots de passe de remplir automatiquement les champs courants (nom, email, adresse), ce qui aide notamment les ...
Consultation12 critères
Limite de temps
Permettre aux utilisateurs ayant besoin de plus de temps (lecture lente, handicap moteur, cognitif) de terminer leur tâche sans être interrompus par une expirat...
Ouverture de fenêtre
Ne pas désorienter l'utilisateur avec des changements de contexte inattendus. Les fenêtres surgissantes (pop-ups) à l'ouverture d'une page sont perturbantes, su...
Documents téléchargeables
Garantir que les documents proposés au téléchargement (PDF, Word, etc.) sont utilisables par tous, ou qu'une alternative existe.
Conformité de l'alternative
S'assurer que les utilisateurs qui consultent la version accessible (alternative) ne sont pas désavantagés et ont accès à la totalité de l'information présente ...
Contenu cryptique
Rendre compréhensibles les suites de caractères qui forment un dessin (ASCII art) ou les émoticônes pour les utilisateurs de lecteurs d'écran.
Alternative cryptique
S'assurer que l'explication fournie pour un contenu cryptique (voir critère 13.5) donne bien la même information que le visuel.
Flashs et clignotements
Ne pas provoquer de crises chez les personnes épileptiques photosensibles.
Contrôle du mouvement
Permettre aux utilisateurs ayant des troubles de l'attention ou de la lecture de ne pas être distraits par des animations permanentes (carrousels, vidéos auto-p...
Orientation de l'écran
Permettre aux utilisateurs de tablette ou de mobile (notamment ceux qui ont leur appareil fixé sur un fauteuil roulant) de consulter le site quelle que soit l'o...
Gestes complexes
Permettre aux utilisateurs ayant des difficultés motrices ou utilisant des périphériques de pointage alternatifs d'effectuer toutes les actions sans gestes comp...
Annulation du pointage
Éviter les clics accidentels (par exemple pour les utilisateurs ayant des tremblements). L'action ne doit pas se déclencher dès que le doigt/curseur touche l'éc...
Mouvement de l'appareil
Permettre aux utilisateurs dont l'appareil est fixe (sur un fauteuil) ou qui ne peuvent pas le manipuler physiquement d'accéder aux mêmes fonctionnalités.