Les 15 erreurs d'accessibilité les plus fréquentes sur un site vitrine

Les erreurs d'accessibilité d'un site vitrine se ressemblent toutes. D'un client à l'autre, je retrouve la même liste, dans le même ordre.

Voici les quinze plus fréquentes, classées par gravité. Chacune tient en deux lignes, avec la correction associée.

Voir lesquelles concernent mon site

Comment cette liste a été établie

Elle vient des audits que je mène sur des sites vitrines français. Petites structures, thèmes du commerce, contenus mis à jour par le client lui-même.

Ce profil produit toujours les mêmes erreurs d'accessibilité. Non par négligence, mais parce que personne n'a posé la question au moment de la conception.

Bonne nouvelle : quatorze de ces quinze points se corrigent sans refondre le site.

Les erreurs d'accessibilité qui bloquent complètement

Ces cinq-là empêchent purement et simplement l'usage. Traitez-les avant tout le reste.

1. Le menu ne s'ouvre pas au clavier

Le sous-menu apparaît au survol de la souris, et nulle part ailleurs. Un utilisateur au clavier n'atteint jamais vos pages secondaires.

Correction : déclencher l'ouverture aussi sur le focus, pas seulement sur le survol.

2. La fenêtre modale piège le focus

La popup s'ouvre, et la touche de tabulation continue derrière elle. Impossible de fermer, impossible de revenir.

Correction : enfermer le focus dans la fenêtre, et la fermer avec la touche d'échappement.

3. Le focus n'est pas visible

Le contour de sélection a été supprimé pour des raisons esthétiques. L'utilisateur avance à l'aveugle.

Correction : rétablir un indicateur net, contrasté, visible sur tous les fonds. Notre article sur la navigation au clavier détaille le test complet.

4. Les champs de formulaire n'ont pas d'étiquette reliée

Le libellé s'affiche à l'intérieur du champ, puis disparaît à la saisie. Le lecteur d'écran n'annonce rien.

Correction : une étiquette visible au-dessus du champ, reliée dans le code.

5. Le message d'erreur se limite à une bordure rouge

Rien n'est écrit. L'utilisateur devine ce qui ne va pas, ou abandonne.

Correction : un texte explicite qui nomme le champ et le problème. Le détail figure dans notre article sur les formulaires.

Les erreurs d'accessibilité qui gênent fortement

6. Le texte gris clair sur fond blanc

La faute la plus répandue de toutes. Elle touche les paragraphes secondaires, les mentions et les libellés de boutons.

Correction : viser 4,5 pour 1 sur le texte courant, comme l'explique notre article sur les contrastes.

7. Les images sans alternative textuelle

Ou pire, une alternative qui reprend le nom du fichier. Le lecteur d'écran annonce alors une suite de chiffres.

Correction : décrire la fonction de l'image, comme détaillé dans notre article sur l'attribut alt.

8. La hiérarchie des titres choisie pour le style

Un titre passe en niveau 4 parce qu'il était trop gros en niveau 2. La structure logique disparaît.

Correction : choisir le niveau selon le plan, puis ajuster la taille en feuille de style.

9. L'information portée par la seule couleur

Un champ obligatoire signalé en rouge, une disponibilité indiquée en vert. Sans la couleur, l'information n'existe plus.

Correction : ajouter un mot, un symbole ou un motif.

10. Les intitulés de liens vagues

« Cliquez ici », « en savoir plus », répétés vingt fois sur la page. Sorti de son contexte, aucun ne veut rien dire.

Correction : écrire la destination dans le lien lui-même.

Les erreurs d'accessibilité plus discrètes

11. La langue de la page n'est pas déclarée

Le lecteur d'écran prononce le français avec un accent anglais. Le contenu devient incompréhensible.

Correction : déclarer la langue dans le code de la page.

12. Le titre de page identique partout

Toutes les pages s'appellent « Accueil » ou portent le nom du site. La navigation par onglets devient un labyrinthe.

Correction : un titre unique et descriptif par page. Votre référencement y gagne autant.

13. Le carrousel qui défile tout seul

Il change avant la fin de la lecture, et capte le focus au passage.

Correction : ajouter un bouton de pause, ou supprimer le défilement automatique.

14. Le zoom cassé à 200 %

Le texte se chevauche, ou une barre horizontale apparaît. La page devient illisible pour les personnes malvoyantes.

Correction : tester la page à 200 %, sur mobile comme sur ordinateur.

15. Les documents téléchargeables inaccessibles

Le PDF du menu, de la brochure ou du tarif reste une image scannée. Aucun texte n'y est lisible.

Correction : produire un PDF depuis un traitement de texte, ou publier le contenu en page web.

Le récapitulatif, par effort de correction

Effort	Erreurs concernées	Qui s'en charge
Quelques minutes	Langue déclarée, titres de page, intitulés de liens	Vous, depuis l'administration
Quelques heures	Contrastes, alternatives d'images, hiérarchie des titres	Vous ou votre graphiste
Une journée ou plus	Clavier, fenêtres modales, formulaires, carrousel	Votre développeur

La première ligne surprend toujours. Trois erreurs d'accessibilité disparaissent sans toucher une ligne de code.

Par où commencer sur votre site

Prenez les cinq premières erreurs de cette liste. Elles représentent l'essentiel du blocage réel.

Les cinq suivantes se corrigent en quelques heures, souvent sans développeur. Les cinq dernières relèvent du confort, et attendront le prochain lot.

Pour comprendre comment ces points s'inscrivent dans le référentiel, consultez notre guide des critères RGAA.

Lancer le dépistage gratuit

Dépistage automatique : il couvre environ 30 % des critères du référentiel. Il ne remplace pas un audit manuel et ne vaut pas attestation de conformité.

Vous voulez savoir lesquelles vous concernent vraiment ? Écrivez-nous, nous regardons votre site.

Références : portail de l'accessibilité numérique de l'État et recommandations du W3C.