---
title: "Non-conformités fréquentes : les vingt erreurs RGAA que nous relevons partout"
description: "Ce que l’on retrouve sur presque tous les sites audités."
url: "https://www.newp.fr/mise-en-conformite-rgaa/non-conformites-frequentes/"
author: ""
date: "2026-09-20T09:27:36+00:00"
modified: "2026-09-21T18:31:29+00:00"
lang: "fr_FR"
---

# Non-conformités fréquentes : les vingt erreurs RGAA que nous relevons partout

Les défauts d’accessibilité que nous retrouvons audit après audit, quel que soit le site.

 Rubrique rattachée à [notre guide de mise en conformité RGAA](/mise-en-conformite-rgaa/).

 

## Des erreurs récurrentes, donc prévisibles

 Les sites changent, les erreurs beaucoup moins. Traitées à la source (modèles de pages, composants, règles éditoriales), la plupart disparaissent avant la mise en ligne.

## Structure de la page

- **Un niveau de titre choisi pour son rendu visuel.** Un `h3` pris parce qu’il est plus petit, et la hiérarchie saute un niveau. Le bon réflexe : niveau selon le plan, apparence en CSS.
- **Aucun `h1`, ou plusieurs.** Il en faut un seul, qui annonce le sujet de la page.
- **Des listes simulées** avec des tirets et des sauts de ligne. Le bon réflexe : de vrais éléments `ul` et `li`.
- **Aucune région identifiée.** Sans `header`, `nav`, `main` ni `footer`, impossible de passer d’une zone à l’autre.
 
## Liens et boutons

- **Une série de « Lire la suite » identiques.** Isolés, ils ne disent rien de leur destination. Le bon réflexe : reprendre le titre de la page visée.
- **Des liens réduits à un pictogramme**, sans aucun nom restitué aux technologies d’assistance.
- **Des boutons qui n’en sont pas** : un simple `div` rendu cliquable, que le clavier ne peut pas atteindre. Le bon réflexe : l’élément `button` natif.
- **Des liens qui ouvrent un nouvel onglet sans prévenir.**
 
## Images

- **Un texte alternatif qui reprend le nom du fichier.** Les robots l’acceptent, mais il n’apprend rien à personne.
- **Des illustrations purement décoratives décrites**, qui alourdissent l’écoute. Le bon réflexe : `alt=""`.
- **Du texte figé dans une image** (grille tarifaire, schéma chiffré) sans version texte équivalente.
 
## Formulaires

- **Un `placeholder` utilisé comme étiquette.** Il s’efface à la saisie et ne remplace pas un `label`.
- **Des champs requis repérables uniquement par leur couleur**, ou par un astérisque jamais expliqué.
- **Des messages d’erreur vagues**, du type « saisie incorrecte », sans champ ni format indiqué.
- **Des groupes de champs liés laissés sans regroupement**, faute de `fieldset` et de `legend`.
 
## Affichage et interactions

- **Un contraste trop faible**, en particulier pour les textes gris pâle, les mentions secondaires et les éléments désactivés.
- **Un `outline: none` sans style de remplacement** : le focus devient invisible, la navigation clavier impossible.
- **Un parcours au clavier incohérent**, parce que la mise en page CSS affiche les éléments dans un autre ordre que le code.
- **Des pièges clavier** dans les carrousels et les fenêtres modales : une fois entré, impossible d’en ressortir.
- **Un contenu qui n’apparaît qu’une fois le JavaScript exécuté.**
- **Une barre de défilement horizontale dès que l’écran descend sous 320 px de large.**
 
 D’où viennent ces erreurs Presque toujours de trois sources : le thème ou la bibliothèque de composants, les briques tierces, et la saisie des contenus. Agissez là : corriger page par page, c’est vider la baignoire robinet ouvert.

 

  [ Étape précédente Construire le plan de remédiation ](/mise-en-conformite-rgaa/plan-de-remediation/) [ Étape suivante Mener une refonte accessible ](/mise-en-conformite-rgaa/refonte-accessible/)

---

*Source : [www.newp.fr](https://www.newp.fr/mise-en-conformite-rgaa/non-conformites-frequentes/)*