Ressources gratuites

Comprendre, vérifier, corriger. Sans jargon inutile.

Une checklist concrète à cocher au fur et à mesure, un guide de mise en conformité et des fiches « comment corriger » pour les erreurs les plus fréquentes. Tout est gratuit ; votre progression sur la checklist est mémorisée dans votre navigateur.

Auditer ma page d'abord

Checklist

15 vérifications à mener sur chaque page.

Cochez ce qui est en place. Ces points couvrent les échecs les plus fréquents ; ils ne remplacent pas l'ensemble des critères RGAA.

0 / 15 critères cochés (0 %)

Liste non exhaustive. Le RGAA compte plus d'une centaine de critères. Cette checklist couvre l'essentiel des barrières fréquentes, pas l'intégralité de la conformité. Voir aussi : comment corriger les erreurs les plus fréquentes.

Guide

Se mettre en conformité accessibilité en 2026 : par où commencer.

Temps de lecture : ~6 minutes. Mis à jour pour 2026.

Depuis l'entrée en application de l'European Accessibility Act, beaucoup d'entreprises découvrent qu'elles sont concernées sans savoir comment s'y prendre. Bonne nouvelle : la mise en conformité se planifie. Voici une méthode pragmatique.

1. Délimiter le périmètre

Tout commence par une question simple : quels services en ligne proposez-vous à des consommateurs ? Tunnel d'achat, prise de rendez-vous, espace client, formulaire de contact : ce sont vos parcours critiques. Ce sont eux qu'il faut auditer en priorité, page par page.

Listez les parcours clés (page d'accueil, catégorie, fiche produit, panier, paiement, compte).
Identifiez les gabarits réutilisés : corriger un gabarit corrige souvent des dizaines de pages.
Notez les contenus dynamiques (modales, menus déroulants, carrousels) qui demandent une attention particulière.

2. Prioriser les corrections

Toutes les non-conformités ne se valent pas. Classez-les selon deux axes : l'impact sur l'utilisateur et l'effort de correction.

Bloquants à corriger d'abord : un champ de paiement sans label, un bouton « Payer » non accessible au clavier, une image de CAPTCHA sans alternative. Ces points empêchent purement et simplement d'utiliser le service.
Gains rapides : ajouter les alt manquants, l'attribut lang, des intitulés de liens explicites. Peu d'effort, effet immédiat sur le score.
Chantiers de fond : refonte d'un composant maison inaccessible, contrastes à revoir sur toute la charte. À planifier sur plusieurs sprints.

Astuce : lancez d'abord l'audit automatique sur chaque gabarit. Vous obtenez immédiatement la liste des gains rapides, ce qui crédibilise le sujet en interne et débloque le budget pour les chantiers de fond.

3. La déclaration d'accessibilité

Au-delà des corrections, la réglementation attend souvent une transparence : une page dédiée qui indique l'état de conformité du service, les éventuelles dérogations et un moyen de signaler un problème d'accessibilité.

Indiquez le niveau de conformité atteint et la date du dernier audit.
Listez honnêtement les contenus non encore conformes.
Fournissez un contact pour signaler une difficulté et obtenir une alternative.

Cette page n'est pas un détail administratif : c'est elle qui démontre votre démarche en cas de contrôle ou de réclamation.

Et ensuite ? Maintenir dans le temps

L'accessibilité n'est pas un état figé. Chaque nouvelle fonctionnalité, chaque refonte peut réintroduire des barrières. Intégrez les vérifications dans votre processus : une revue d'accessibilité avant chaque mise en production évite de tout recommencer.

Commencer par auditer une page

Contenu informatif, non juridique. Les obligations exactes dépendent de votre activité et des textes en vigueur ; faites valider votre situation par un professionnel avant toute décision.

Fiches pratiques

Comment corriger les 6 erreurs les plus fréquentes.

Ce sont précisément les problèmes que repère l'audit gratuit. Pour chacun : pourquoi ça bloque, et le correctif concret.

1. Image sans texte alternatif RGAA 1.1

Le problème : une image porteuse d'information sans attribut alt est totalement invisible pour un lecteur d'écran (et n'affiche rien si l'image ne charge pas).

Le correctif : décrivez la fonction de l'image, pas son apparence.

<!-- Mauvais -->
<img src="promo.jpg">

<!-- Bon : image informative -->
<img src="promo.jpg" alt="Soldes : -20% sur les chaussures de running">

<!-- Bon : image purement décorative (ignorée par les lecteurs d'écran) -->
<img src="separateur.png" alt="">

2. Champ de formulaire sans étiquette RGAA 11.1

Le problème : sans <label> associé, l'utilisateur ne sait pas quoi saisir. Un placeholder ne suffit pas : il disparaît dès qu'on tape.

<!-- Mauvais -->
<input type="email" placeholder="Votre e-mail">

<!-- Bon -->
<label for="email">Adresse e-mail</label>
<input id="email" type="email">

3. Bouton sans nom accessible RGAA 11.9

Le problème : un bouton qui ne contient qu'une icône est annoncé « bouton », sans dire ce qu'il fait.

<!-- Mauvais -->
<button><svg ...></svg></button>

<!-- Bon -->
<button aria-label="Rechercher"><svg aria-hidden="true" ...></svg></button>

4. Attribut lang manquant RGAA 8.3

Le problème : sans langue déclarée, la synthèse vocale prononce le texte avec la mauvaise voix.

<!-- Bon -->
<html lang="fr">

5. Hiérarchie des titres incohérente RGAA 9.1

Le problème : plusieurs <h1> ou des sauts de niveau (h2 → h4) cassent la navigation « de titre en titre » des lecteurs d'écran.

Le correctif : un seul <h1> par page, puis on ne descend que d'un niveau à la fois. La taille du texte se règle en CSS, pas avec le niveau de titre.

6. Lien « cliquez ici » RGAA 6.1

Le problème : hors contexte, « cliquez ici » ne dit rien sur la destination. Les lecteurs d'écran peuvent lister tous les liens d'une page : chacun doit être compréhensible seul.

<!-- Mauvais -->
Pour le rapport, <a href="rapport.pdf">cliquez ici</a>.

<!-- Bon -->
<a href="rapport.pdf">Télécharger le rapport (PDF)</a>

À vous de jouer : repassez votre page à l'audit gratuit après chaque correction pour voir le score remonter.

Glossaire

Mini-glossaire de l'accessibilité web.

Les sigles qui reviennent partout, expliqués en une phrase.

Termes et sigles utiles
Terme	Définition
EAA	European Accessibility Act : directive européenne rendant accessibles de nombreux produits et services numériques destinés au grand public.
RGAA	Référentiel général d'amélioration de l'accessibilité : méthode française d'application des WCAG, en critères vérifiables.
WCAG	Web Content Accessibility Guidelines : les recommandations internationales de référence (niveaux A, AA, AAA).
EN 301 549	Norme européenne d'accessibilité des produits et services TIC, qui s'appuie sur les WCAG.
ARIA	Ensemble d'attributs HTML (aria-*, role) qui ajoutent du sens pour les technologies d'assistance quand le HTML natif ne suffit pas.
Lecteur d'écran	Logiciel qui restitue vocalement (ou en braille) le contenu de l'écran : NVDA, JAWS, VoiceOver, TalkBack.
Landmark	Repère de structure (header, nav, main, footer) qui permet de sauter rapidement d'une zone à l'autre.
Contraste	Rapport de luminosité entre le texte et son fond. Minimum recommandé : 4,5:1 pour le texte courant.

Lancer l'audit gratuit