Référentiel RGAA 4.1.2

Le RGAA compte 106 critères, répartis en 13 thématiques. Chaque critère est affiché avec son texte officiel, ses tests et leur méthodologie ; les termes techniques y renvoient au glossaire du RGAA.

Pour chaque critère, on indique combien de règles d’axe-core 4.14.0 lui sont rattachées. Une règle « directe » cite un test RGAA du critère, sans être une bonne pratique ni une règle expérimentale d’axe : 27 critères sur 106 en ont au moins une ; les 79 autres n’ont aucune vérification automatique directe. Une règle « à confirmer » cite un test mais relève des bonnes pratiques ou des règles expérimentales d’axe ; une règle « indirecte » ne partage avec le critère qu’un critère WCAG : ce sont des signaux faibles, pas des vérifications. Même directe, une règle repère seulement certaines erreurs ; elle ne suffit jamais à déclarer un critère conforme.

Pour évaluer vous-même chaque critère sur les pages de votre site, suivez l’audit guidé.

1. Images

Explication Rampe — non normative

Les images doivent avoir un équivalent en texte quand elles transmettent une information, et être ignorées des technologies d’assistance quand elles sont décoratives. Une personne aveugle, qui écoute la page avec un lecteur d’écran, ne perçoit l’image qu’à travers ce texte. Exemple : un pictogramme « panier » sans texte associé peut être annoncé comme « image », sans plus de précision.

2. Cadres

Explication Rampe — non normative

Un cadre (iframe) affiche dans la page le contenu d’une autre page : une vidéo, une carte, un formulaire de paiement. Chaque cadre doit avoir un titre qui dit ce qu’il contient. Sans ce titre, une personne qui navigue au lecteur d’écran entend « cadre » sans savoir s’il vaut la peine d’y entrer.

3. Couleurs

Explication Rampe — non normative

La couleur ne doit pas être le seul moyen de transmettre une information, et les textes, ainsi que les composants d’interface et les éléments graphiques porteurs d’information, doivent assez contraster avec leur fond. Sont gênées les personnes daltoniennes, malvoyantes, ou qui lisent sur un écran en plein soleil. Exemple : des champs obligatoires signalés uniquement en rouge, ou un texte gris clair sur fond blanc.

4. Multimédia

Explication Rampe — non normative

Les vidéos et les sons doivent avoir des équivalents : sous-titres, transcription textuelle, audiodescription selon les cas, et des commandes utilisables au clavier et avec tout dispositif de pointage. Sont gênées les personnes sourdes ou malentendantes, aveugles ou malvoyantes. Exemple : une vidéo de présentation sans sous-titres reste muette pour une personne sourde.

5. Tableaux

Explication Rampe — non normative

Un tableau de données doit déclarer ses en-têtes de lignes et de colonnes pour que chaque cellule soit lisible dans son contexte, et un tableau qui ne sert qu’à la mise en page ne doit pas être présenté comme un tableau de données. Au lecteur d’écran, les cellules sont lues une par une : sans en-têtes, « 12 » ne veut rien dire. Exemple : une grille tarifaire dont on ne sait plus à quelle offre correspond chaque prix.

6. Liens

Explication Rampe — non normative

Chaque lien doit dire où il mène, par son texte ou par son contexte, et tout lien doit avoir un intitulé. Les personnes qui naviguent au lecteur d’écran parcourent souvent la liste des liens de la page, sans le texte autour. Exemple : dix liens « En savoir plus » sans contexte qui les distingue.

7. Scripts

Explication Rampe — non normative

Les composants pilotés par un script (menus, onglets, fenêtres modales…) doivent être utilisables au clavier et avec tout dispositif de pointage, et annoncés correctement aux technologies d’assistance, et les changements de contenu importants doivent être signalés. Sont gênées les personnes qui n’utilisent pas de souris, ou qui utilisent un lecteur d’écran. Exemple : un menu déroulant qui ne s’ouvre qu’au survol de la souris.

8. Éléments obligatoires

Explication Rampe — non normative

Chaque page doit respecter des bases techniques : un code HTML valide, une langue déclarée, un titre de page pertinent, des changements de langue indiqués. Ce sont ces informations que les technologies d’assistance utilisent pour présenter la page. Exemple : une page sans langue déclarée peut être lue avec une mauvaise prononciation par la synthèse vocale.

9. Structuration de l’information

Explication Rampe — non normative

Le contenu doit être structuré avec les bons éléments : titres hiérarchisés, listes, zones de la page (en-tête, navigation, contenu principal), citations. Les personnes aveugles s’appuient sur cette structure pour se repérer et sauter directement à la partie qui les intéresse. Exemple : des intertitres qui ont simplement l’air de titres, en gras, sans être de vrais titres.

10. Présentation de l’information

Explication Rampe — non normative

La présentation doit rester lisible quand on l’adapte : texte agrandi, zoom, petit écran, styles désactivés, et la prise de focus doit toujours être visible. Sont gênées les personnes malvoyantes, celles qui naviguent au clavier, et toutes celles qui ont besoin d’agrandir le texte. Exemple : à 200 % de zoom, une partie du texte se chevauche ou devient inaccessible.

11. Formulaires

Explication Rampe — non normative

Chaque champ de formulaire doit avoir une étiquette claire, les champs liés doivent être regroupés, et les erreurs de saisie doivent être signalées de façon compréhensible. Sont gênées notamment les personnes aveugles, et celles qui ont des troubles cognitifs ou de l’attention. Exemple : un champ identifié seulement par un texte d’exemple grisé, qui disparaît dès qu’on commence à écrire.

12. Navigation

Explication Rampe — non normative

Le site doit offrir plusieurs façons de trouver une page (menu, plan du site, recherche), des liens d’évitement pour aller directement au contenu, et un parcours au clavier dans un ordre logique. Sont gênées les personnes qui naviguent au clavier ou au lecteur d’écran, pour qui chaque élément traversé coûte du temps. Exemple : devoir traverser tout le menu à chaque page avant d’atteindre le contenu.

13. Consultation

Explication Rampe — non normative

L’utilisateur doit garder le contrôle : limites de temps réglables, aucune nouvelle fenêtre ouverte sans action de l’utilisateur, contenu qui bouge ou clignote contrôlable, documents à télécharger accessibles ou proposés dans une version accessible. Sont gênées les personnes qui lisent ou se déplacent lentement, ou qui sont sensibles aux mouvements et aux flashs. Exemple : un carrousel qui défile automatiquement sans bouton pour l’arrêter.

Source : RGAA 4.1.2 (WCAG 2.1), © DINUM, publié dans le dépôt DISIC/accessibilite.numerique.gouv.fr (commit ca4019f), sous Licence Ouverte 2.0. Texte officiel reproduit sans modification de contenu ; certains attributs de mise en forme (liens ouverts dans une nouvelle fenêtre, lien mort) sont retirés. Seuls les encadrés « Explication Rampe — non normative » sont rédigés par Rampe.