5 erreurs fréquentes qui rendent un site inaccessible (et comment les éviter)
Introduction
L’accessibilité numérique est un enjeu essentiel pour garantir une expérience inclusive à tous les utilisateurs, y compris les personnes en situation de handicap.
Pourtant, la plupart des sites présentent encore des problèmes récurrents : non pas par manque de volonté, mais souvent à cause de pratiques de conception ou de développement qui négligent certains besoins.
La bonne nouvelle : en évitant quelques erreurs courantes, il est possible d’améliorer considérablement l’accessibilité et de répondre aux obligations légales.
Voici les 5 erreurs les plus fréquentes… et surtout comment les corriger.
1. Des images sans texte alternatif
Pourquoi c’est un problème
Les utilisateurs de lecteurs d’écran ne peuvent pas interpréter une image sans description textuelle (balise alt). Cela prive d’informations essentielles, notamment pour des visuels porteurs de sens (icônes, infographies, boutons visuels).
Comment corriger
- Ajouter systématiquement une balise alt pertinente et descriptive.
- Ne pas répéter inutilement l’information déjà présente dans le texte.
- Laisser l’attribut vide (
alt="") uniquement si l’image est décorative.
👉 Un bon texte alternatif doit répondre à la question : « Que doit comprendre un utilisateur qui ne voit pas l’image ? ».
2. Une navigation uniquement à la souris
Pourquoi c’est un problème
Beaucoup d’utilisateurs naviguent au clavier (personnes non-voyantes, à mobilité réduite, ou simplement pour aller plus vite).
Si un site n’est pas utilisable sans souris (menus inaccessibles, absence d’indicateur de focus), l’expérience devient impossible.
Comment corriger
- Vérifier que tous les éléments interactifs (boutons, formulaires, menus) sont accessibles via la touche Tabulation.
- Mettre en évidence le focus clavier avec un style visuel clair (bordure, surbrillance).
- Éviter les composants custom non compatibles (menus en JavaScript sans alternatives).
👉 Un site doit être entièrement utilisable sans souris, du début à la fin d’un parcours utilisateur.
3. Des contrastes de couleur insuffisants
Pourquoi c’est un problème
Un texte gris clair sur fond blanc ou des boutons peu contrastés sont difficiles à lire, notamment pour les personnes malvoyantes ou en situation de fatigue visuelle.
Le contraste est l’un des critères les plus faciles à vérifier… et les plus souvent oubliés.
Comment corriger
- Respecter le ratio minimum de contraste 4,5:1 pour le texte standard et 3:1 pour le texte large (normes WCAG).
- Tester ses couleurs avec des outils gratuits comme Contrast Checker de WebAIM.
- Prévoir des palettes accessibles dès la conception graphique.
👉 Un bon contraste profite à tout le monde, y compris sur mobile en plein soleil.
4. Des formulaires mal étiquetés
Pourquoi c’est un problème
Un champ de formulaire sans étiquette explicite est incompréhensible pour un lecteur d’écran.
Exemple : un champ qui affiche seulement « Nom » comme texte fantôme (placeholder) mais sans label associé sera totalement opaque.
Comment corriger
- Associer chaque champ à une balise label correctement reliée (
for/id). - Ne pas se contenter du placeholder (qui disparaît à la saisie).
- Ajouter des messages d’erreur clairs et accessibles.
👉 Un formulaire accessible réduit les abandons et améliore l’expérience pour tous les utilisateurs.
5. Des vidéos sans sous-titres ni transcription
Pourquoi c’est un problème
Les personnes sourdes ou malentendantes, mais aussi celles qui consultent dans un environnement bruyant ou sans son, ne peuvent pas accéder au contenu.
Une vidéo sans sous-titres exclut automatiquement une partie du public.
Comment corriger
- Fournir des sous-titres synchronisés pour toutes les vidéos.
- Proposer une transcription complète si possible.
- S’assurer que les lecteurs vidéo utilisés sont accessibles au clavier et aux lecteurs d’écran.
👉 Les sous-titres profitent aussi au référencement naturel (SEO), car le texte est indexé par les moteurs de recherche.
Conclusion
Ces 5 erreurs fréquentes – images sans texte alternatif, navigation limitée à la souris, contrastes insuffisants, formulaires mal étiquetés et vidéos sans sous-titres – sont à l’origine d’une grande partie des problèmes d’accessibilité rencontrés sur les sites web.
Bonne nouvelle : elles peuvent être corrigées rapidement et sans surcoût majeur si elles sont anticipées dès la conception.
En améliorant l’accessibilité, vous répondez non seulement aux obligations légales, mais vous offrez aussi une expérience plus fluide et inclusive à l’ensemble des utilisateurs.
👉 Vous voulez aller plus loin et évaluer l’accessibilité de votre site ? Contactez ACCETHYS pour un premier échange avec un expert.
