Accessibilité numérique : le guide RGAA pour concevoir des sites conformes

Qu’est-ce que le RGAA ?

Le RGAA (Référentiel général d’amélioration de l’accessibilité) est la méthode officielle française pour vérifier qu’un site est utilisable par tous. Y compris avec un lecteur d’écran, au clavier ou avec une vue réduite.

La version en vigueur est la 4.1.2, mise à jour le 18 avril 2023. Elle traduit en tests concrets les 50 critères de succès des niveaux A et AA des WCAG 2.1. Ce sont ceux que retient la norme européenne EN 301 549.

Le RGAA 5 ajoutera des critères pour les applications mobiles et les documents bureautiques. La DINUM le précise : il complétera la version 4.1.2 sans la contredire. Inutile donc d’attendre pour vous y mettre.

À retenir : travaillez dès aujourd’hui sur le RGAA 4.1.2, c’est la base du RGAA 5.

Qui doit respecter le RGAA en 2026 ?

Trois catégories d’organismes sont concernées, avec des obligations et des sanctions différentes.

Pour l’European Accessibility Act, les microentreprises de services sont exemptées : moins de 10 salariés et moins de 2 M€ de chiffre d’affaires. Un site vitrine de TPE n’est donc pas visé. Une boutique en ligne d’une PME de 15 salariés, si.

Les contrats conclus avec des consommateurs avant le 28 juin 2025 peuvent continuer jusqu’à leur terme, au plus tard le 28 juin 2030. Les sites web, eux, n’ont pas de délai de grâce.

À retenir : si votre client vend en ligne et dépasse 10 salariés ou 2 M€ de chiffre d’affaires, son site doit être accessible.

Quels critères vérifier dès la maquette ?

Voici les 12 points qui se décident dans Figma, avant la première ligne de code. Chacun renvoie au critère RGAA correspondant.

Les contrastes, premier piège du designer

Un gris clair sur fond blanc passe très bien en maquette, sur un écran Retina. Il devient illisible sur un ordinateur portable en terrasse, ou pour un lecteur qui voit mal. Vérifiez chaque couleur de votre palette au moment où vous la choisissez, pas à la recette. La règle 60-30-10 aide à répartir les couleurs ; le contraste dit si elles se lisent.

Le focus, grand oublié des maquettes

Un visiteur qui navigue au clavier doit voir où il se trouve. Dessinez l’état « focus » de chaque bouton et de chaque lien, au même titre que l’état « survol ». Un simple changement de couleur ne suffit pas toujours : un contour bien visible est plus sûr.

Les formulaires, là où l’on perd des clients

Un champ sans étiquette, avec seulement un texte indicatif qui disparaît à la saisie, pénalise tout le monde. Gardez une étiquette visible au-dessus du champ et décrivez les erreurs en toutes lettres.

Pour aller plus loin, la checklist de Design Accessible détaille ces points étape par étape, et notre fiche Checklist Design rassemble les contrôles avant livraison.

À retenir : les 12 points de ce tableau se règlent en maquette. Les corriger après le développement coûte plus cher.

Notre test : le Blog du Webdesign est-il accessible ?

Le 16 octobre 2026, nous avons testé notre propre blog de trois façons : Lighthouse, calcul des contrastes de notre charte et navigation au clavier. Le verdict est contrasté.

Lighthouse : 96/100 sur l’accueil, 100/100 sur un article

Lighthouse 12.8.2 donne 100/100 en accessibilité à notre article sur la règle 60-30-10. L’accueil obtient 96/100 : 4 liens de cartes, faits d’une image sans texte alternatif, n’ont aucun intitulé. Un lecteur d’écran les annonce comme de simples « liens », sans dire où ils mènent. C’est le critère 6.2 du RGAA.

Nos couleurs passent toutes le seuil

Le focus clavier : trois défauts dans l’en-tête

Au clavier, la touche Tab révèle ce que Lighthouse ne voit pas. Sur le bouton « Toolbox », aucun indicateur n’apparaît. Sur les icônes des réseaux sociaux, le contour est sombre sur fond marine, presque invisible. Sur les liens du menu, seule la couleur du texte change.

Ces trois défauts relèvent du critère 10.7. Ils figurent désormais en tête de notre liste de corrections, avec les textes alternatifs des cartes de l’accueil.

À retenir : un score Lighthouse élevé ne garantit pas l’accessibilité. Testez toujours au clavier.

Quels outils pour tester l’accessibilité d’un site ?

Combinez un outil automatique, un vérificateur de contraste et un test manuel au clavier et au lecteur d’écran. Aucun outil automatique ne couvre à lui seul les 106 critères.

Lighthouse figure aussi dans notre comparatif des outils SEO, car il audite la performance et le référencement. Pour l’affichage sur mobile et le zoom, notre guide du responsive design complète ces tests.

À retenir : l’outil automatique trouve les erreurs évidentes, le clavier et le lecteur d’écran trouvent les autres.

Comment publier une déclaration d’accessibilité ?

La déclaration d’accessibilité s’appuie sur un audit RGAA et se publie sur une page dédiée, liée depuis la page d’accueil.

1. Faites réaliser un audit sur un échantillon de pages représentatif, avec le kit d’audit officiel.
2. Calculez le taux de conformité : la part des critères applicables qui sont respectés.
3. Déterminez l’état de conformité : totalement conforme à 100 %, partiellement conforme à partir de 50 %. En dessous, ou sans audit valide, le site est non conforme.
4. Rédigez la déclaration à partir du modèle officiel : état de conformité, contenus non accessibles, outils utilisés, contact pour signaler un problème.
5. Affichez l’état de conformité en pied de page, par exemple « Accessibilité : partiellement conforme », avec un lien vers la déclaration.
6. Mettez-la à jour à chaque refonte, et au plus tard 3 ans après sa publication.

Après la publication du RGAA 5, les déclarations existantes resteront valables 18 mois, dans la limite de 3 ans après leur date de publication.

Le CMS ne fait pas tout. Avec WordPress comme avec e-monsite, la conformité dépend du thème, des couleurs et des contenus. Testez le site livré, pas l’outil.

À retenir : sans audit, la déclaration est forcément « non conforme ». L’audit est la première dépense à prévoir.

FAQ : accessibilité numérique et RGAA

Aller plus loin

Pour aller plus loin, voici des ressources qui pourraient vous intéresser :