Les erreurs les plus fréquentes observées chez nos clients et leur impact réel
Toutes les erreurs de conformité ne se valent pas. Certaines sont mineures ou ne permettent pas d’améliorer l’expérience des utilisateurs, tandis que d’autres empêchent littéralement un utilisateur d’accéder à l’information, de comprendre un contenu ou d’utiliser un service.
Dans cet article, nous analysons les erreurs les plus fréquentes, celles qui reviennent dans presque tous les audits et qui ont le plus d’impact sur les utilisateurs.
1. Images porteuses d’information non restituées
Le problème
L’une des erreurs les plus dommageables consiste à afficher des images contenant une information essentielle sans fournir d’alternative textuelle. Pour un utilisateur aveugle ou utilisant un lecteur d’écran, l’image devient alors un trou noir : aucune information n’est transmise, même si l’image contient un bouton, un schéma, une donnée clé ou une instruction.
Exemples observés lors d’audit :
- Infographies sans description.
- Image lien sans alternative.
- Captures d’écran tutoriels sans description.
- Carrousel d’offres du moment sans alternative.
Impact
Cette situation est particulièrement problématique lorsqu’une image remplace un texte, comme un bouton “Télécharger”, un pictogramme indiquant un statut, une infographie ou un graphique. L’utilisateur n’a alors aucun moyen de comprendre ce qui est affiché, ce qui peut bloquer totalement la navigation ou l’accès à un service.
2. Les informations transmises uniquement par la couleur
Le problème
Beaucoup d’interfaces utilisent la couleur comme unique vecteur d’information.
Exemples observés lors d’audit :
- Champs en erreur d’un formulaire uniquement contourés en rouge.
- Onglet actif marqué par la couleur uniquement.
Impact
Pour les personnes daltoniennes ou ayant une déficience visuelle, ces distinctions deviennent invisibles. L’utilisateur ne peut plus comprendre ce qui est obligatoire, ce qui est valide, ce qui est en erreur ou ce qui est sélectionné. Cette erreur est d’autant plus fréquente qu’elle semble intuitive pour les équipes design, mais elle exclut immédiatement une partie des utilisateurs.
3. Les médias sans transcription textuelle
Le problème
Les vidéos sans sous-titres, les podcasts sans transcription ou les tutoriels audio sans alternative textuelle privent les utilisateurs sourds ou malentendants d’un accès complet au contenu.
Exemples observés lors d’audit :
- Podcast de témoignages transmis uniquement par l’audio sans transcription textuelle.
- Vidéo tutoriel avec une bande son non sous-titrée.
Impact
Au-delà du handicap, de nombreux contextes d’usage rendent les médias inaccessibles : environnement bruyant, absence de casque, lecture en open space, connexion faible. Une transcription ou un sous-titrage ne sont pas seulement des obligations réglementaires : ce sont des outils d’inclusion et de confort pour tous.
4. Liens non explicites ou incohérents
Le problème
Un lien doit permettre à l’utilisateur de comprendre clairement vers quelle page ou quelle action il mène. Lorsque l’intitulé est absent, l’utilisateur ne peut pas anticiper ce qui va se passer. Le problème devient encore plus critique lorsque l’intitulé accessible (celui lu par les lecteurs d’écran) est différent de l’intitulé visible.
Exemples observés lors d’audit :
- Liens totalement vide d’intitulé, n’indiquant pas la destination à l’utilisateur.
- Liens ayant un intitulé visible (ex : Voir plus) et un intitulé différent dans le code (ex : aria-label= »Découvrir »)
Impact
Pour les utilisateurs ayant des difficultés cognitives, un lien non explicite augmente la charge mentale et crée de l’incertitude. Pour les personnes utilisant la commande vocale, un lien dont l’intitulé visible ne correspond pas à l’intitulé accessible est tout simplement impossible à activer. L’utilisateur peut dire “Activer le lien Contact”, mais si le lien est exposé comme “Formulaire de prise de contact pour les professionnels”, la commande vocale ne le reconnaît pas.
5. Titre de page identique sur toute l’interface
Le problème
Le titre de page est un repère essentiel. S’il est identique partout, l’utilisateur ne sait jamais où il se trouve.
Exemples observés lors d’audit :
- Toutes les pages affichent “Accueil”, “Mon site” ou un titre générique défini par un template.
Impact
La navigation devient confuse. Les utilisateurs de lecteurs d’écran perdent leur orientation et doivent explorer la page à l’aveugle pour comprendre son contenu. S’ils enregistrent une page dans leurs favoris ou s’ils la cherchent dans leurs favoris, ils seront alors incapables de l’identifier.
6. Style de focus invisible
Le problème
Le focus indique où l’on se trouve lorsqu’on navigue au clavier. S’il est invisible ou supprimé, la navigation devient impossible.
Exemples observés lors d’audit :
- Focus supprimé via CSS, ou contour trop léger et insuffisamment contrasté.
Impact
Les personnes naviguant au clavier — handicap moteur, utilisateurs temporaires, personnes âgées — ne savent plus où elles sont. Elles peuvent activer le mauvais bouton ou se retrouver bloquées.
7. Formulaires sans étiquette
Le problème
Un champ sans label est incompréhensible pour un lecteur d’écran. Le placeholder n’est pas considéré comme une étiquette.
Exemples observés lors d’audit :
- Le plus souvent, le champ de moteur de recherche dispose uniquement d’un placeholder mais aucune étiquette accessible.
- Il en est de même pour le champ unique « Email » de l’inscription à la newsletter.
Impact
L’utilisateur ne sait pas quoi saisir. Il peut se tromper, perdre du temps ou abandonner le formulaire — ce qui signifie perte de conversion pour vous.
8. Contenus additionnels non atteignables ou non activables
Le problème
Les contenus interactifs qui apparaissent au survol ou via des interactions complexes ne sont souvent pas accessibles au clavier.
Exemples observés lors d’audit :
- Les onglets de menu ouverts peuvent être inaccessibles au clavier ce qui empêche l’accès à une grande partie de l’interface !
Impact
L’utilisateur ne peut pas accéder à des informations essentielles ou se retrouve bloqué dans l’interface. Dans certains cas, il ne peut plus poursuivre sa navigation. On parle alors de piège au clavier.
Réservez
un appel de découverte
Gratuit • 45 minutes • En ligne