Le RGAA 4.1 organise ses 106 critères de vérification en 13 thématiques. Comprendre cette organisation, c'est déjà la moitié du chemin pour structurer son plan de mise en conformité. Voici une vue d'ensemble thématique avec l'essentiel à retenir et des exemples concrets pour chacune.
Thématique 1 — Images (9 critères)
Concerne toutes les images présentes sur vos pages (raster, SVG, CAPTCHA, images cliquables).
- 1.1 : chaque image a-t-elle une alternative textuelle ?
- 1.2 : chaque image décorative est-elle correctement ignorée des aides techniques ?
- 1.3 : chaque image porteuse d'information a une alternative pertinente ?
- 1.4, 1.5 : pour les CAPTCHAs et les images réactives
- 1.6, 1.7 : pour les images avec légende ou description détaillée
- 1.8, 1.9 : pour les images-test et les SVG
Exemple concret : un logo dans un lien vers l'accueil doit avoir alt="Accueil" et non alt="Logo".
Thématique 2 — Cadres (2 critères)
Concerne les <iframe> et <frame>.
- 2.1 : chaque cadre a un titre explicite
- 2.2 : le titre est pertinent
Exemple : <iframe title="Lecteur vidéo YouTube - conférence DINUM 2024"> plutôt que <iframe title="video">.
Thématique 3 — Couleurs (3 critères)
- 3.1 : l'information ne doit pas être donnée uniquement par la couleur
- 3.2 : contraste suffisant entre le texte et son arrière-plan (≥ 4.5:1)
- 3.3 : contraste suffisant des composants d'interface et éléments graphiques (≥ 3:1)
Exemple : un message d'erreur en rouge doit aussi avoir une icône ou le mot "erreur" pour les daltoniens.
Thématique 4 — Multimédia (13 critères)
Concerne les vidéos, audios et médias temporels.
- Sous-titres synchronisés pour les vidéos
- Audiodescription pour les vidéos informatives
- Transcription textuelle pour les audios
- Contrôles au clavier
- Pas de démarrage automatique
Exemple : une interview sur votre site doit avoir à la fois un fichier de sous-titres (.vtt) et, idéalement, une transcription texte à proximité.
Thématique 5 — Tableaux (10 critères)
Concerne les tableaux de données (<table>).
- Identification des en-têtes via
<th> - Utilisation de
scope,headersetidpour les tableaux complexes - Résumé (
<caption>) pour les tableaux de données - Ne pas utiliser de tableau pour la mise en page
Thématique 6 — Liens (5 critères)
- Intitulé de lien explicite hors contexte
- Présence de tous les liens nécessaires à la navigation
- Distinction visuelle des liens dans le texte (plus que la couleur seule)
Exemple : remplacer "cliquez ici" par "lire l'article sur le RGAA 4.1".
Thématique 7 — Scripts (7 critères)
Concerne les comportements JavaScript dynamiques.
- Compatibilité avec les technologies d'assistance
- Alternatives pour les fonctionnalités JS (progressive enhancement)
- Contrôle utilisateur des animations et contenus dynamiques
- Pas de changement de contexte inopiné
Exemple : un slider automatique doit avoir un bouton pause visible et accessible au clavier.
Thématique 8 — Éléments obligatoires (12 critères)
Concerne les fondations HTML de chaque page.
<!DOCTYPE html>validelangdéfini sur<html><title>unique et descriptif- Changements de langue signalés (
langlocal) - HTML valide (pas de balises imbriquées incorrectement)
Thématique 9 — Structuration de l'information (10 critères)
- Hiérarchie logique des titres (
h1àh6) - Utilisation des listes (
ul,ol,dl) - Balisage des citations (
blockquote,q) - Utilisation des landmarks HTML5 (
header,nav,main…)
Thématique 10 — Présentation de l'information (15 critères)
La plus volumineuse : concerne la CSS et le rendu visuel.
- Le contenu reste compréhensible sans CSS
- Le zoom à 200 % fonctionne sans perte d'info
- Le contenu s'adapte à l'orientation portrait/paysage
- Espacement du texte modifiable sans casser la mise en page
- Focus visible pour tous les éléments interactifs
Thématique 11 — Formulaires (13 critères)
- Chaque champ a une étiquette (
label) associée - Regroupement des champs connexes (
fieldset+legend) - Indication des champs obligatoires
- Messages d'erreur explicites et associés au champ
- Confirmation possible avant soumission
Thématique 12 — Navigation (6 critères)
- Au moins deux systèmes de navigation (menu + plan du site ou moteur de recherche)
- Lien d'évitement pour aller au contenu principal
- Ordre de tabulation cohérent
- Fil d'Ariane sur les pages profondes
- Page courante identifiable (
aria-current="page")
Thématique 13 — Consultation (11 critères)
- Ouverture de nouvelles fenêtres signalée à l'utilisateur
- Contenus en téléchargement correctement identifiés (type, poids)
- Pas de redirection automatique qui prenne l'utilisateur au dépourvu
- Contrôle des contenus qui se mettent à jour automatiquement
Méthode de scoring dans WebAudit RGAA
Pour vous aider à prioriser, WebAudit RGAA applique une pondération par niveau :
- Critère niveau A : coefficient ×3 (obligatoire absolu)
- Critère niveau AA : coefficient ×2 (cible légale)
- Critère niveau AAA : coefficient ×1 (bonus)
Cela permet de prioriser les corrections à fort impact légal plutôt que d'afficher un simple pourcentage qui masquerait l'importance réelle de chaque manquement.
Conclusion
Les 106 critères peuvent sembler intimidants, mais ils se ramènent à quelques grandes idées : HTML sémantique, contrastes, clavier, alternatives textuelles, feedback utilisateur. En avançant thématique par thématique avec un outil d'audit automatique comme WebAudit RGAA, vous transformez cette montagne en une démarche maîtrisable.
Pour aller plus loin :