Audit d’accessibilité : quelles sont les erreurs les plus courantes et comment les éviter ?

Bien qu’essentielle pour garantir que tous les utilisateurs, quels que soient leurs handicaps ou leurs équipements, puissent accéder et naviguer efficacement sur un site web, sa mise en œuvre n’en demeure pas moins délicate.

Alan, Expert en accessibilité numérique au sein de La Fabrique, vous dévoile ici les erreurs les plus fréquentes constatées lors des audits d’accessibilité de conformité RGAA que nous réalisons et qui peuvent compromettre l'expérience utilisateur et la conformité de votre site : liens non explicites, erreurs de formulaire, focus invisibles, contrastes insuffisants, scripts non adaptés… Autant de points d’attention essentiels à maitriser pour viser un score d’accessibilité maximal !

Les liens non explicites qui n’apportent aucune information utile

Critère 6.1 du RGAA 4.1.2 : les liens doivent être assez explicites pour en comprendre la fonction et la destination.

Les liens doivent être conçus pour être compréhensibles par tous. Utiliser des textes descriptifs comme "Télécharger le rapport annuel" ou "Consulter la FAQ" permet aux utilisateurs de savoir immédiatement où ils seront dirigés.

Les liens génériques tels que "cliquez ici" ou "précédent" ne donnent pas d'indication claire, ce qui peut poser problème pour les utilisateurs de lecteurs d'écran ou ceux qui naviguent au clavier.

Exception faite pour les liens qui sont compréhensibles grâce au contexte adjacent, par exemple un lien "en savoir plus" sera assez clair pour les utilisateurs si le texte précédent concerne l'extrait d'un article.

Les formulaires qui ne contiennent pas d’étiquettes

Critère 11.1 du RGAA 4.1.2 : chaque champ de formulaire doit avoir une étiquette.

Critère 11.10.5 du RGAA 4.1.2 : les instructions et indications du type de données et/ou de format obligatoires doivent être visible et doivent permettre d'identifier nommément le champ concerné préalablement à la validation du formulaire.

Critère 11.10.6 du RGAA 4.1.2 : les messages d'erreurs fournissant une instruction ou une indication du type de données et/ou de format obligatoire des champs doivent être visibles et doivent identifier le champ concerné.

Les formulaires doivent comporter des étiquettes (labels) associées à chaque champ pour que leur fonction soit claire. Il est également important d'inclure des indications d'erreur précises et visibles lorsque l'utilisateur remplit mal un champ, afin de faciliter la correction.

Un formulaire mal étiqueté ou sans indication d'erreur peut rendre la tâche difficile, notamment pour les personnes ayant des déficiences cognitives ou visuelles.

Prenons l'exemple d'un champ concernant une adresse e-mail : si un format spécifique est attendu, celui-ci devra être précisé avant soumission du formulaire et dans le message d'erreur sous forme de texte tel que "Veuillez saisir une adresse e-mail sous la forme nom.prenom@exemple.fr".

Les focus invisibles des éléments cliquables

Critère 10.7 du RGAA 4.1.2 : chaque élément recevant le focus, la prise de focus doit être visible.

Le focus, c'est-à-dire la mise en surbrillance du bouton ou du lien lorsque l'on navigue au clavier, doit être visible. Un focus invisible ou mal visible empêche l'utilisateur de suivre sa position dans la page, ce qui peut entraîner une navigation confuse ou frustrante.

Il est essentiel d'utiliser des styles CSS pour assurer une visibilité claire du focus.

Les contrastes insuffisants

Critère 3.2 du RGAA 4.1.2 : le contraste entre la couleur du texte et la couleur de son arrière-plan doit être suffisamment élevé (hors cas particuliers).

Le contraste entre le texte et l'arrière-plan doit respecter les recommandations (par exemple, un ratio de contraste d'au moins 4,5:1 pour le texte normal).

Un contraste faible rend la lecture difficile pour les personnes malvoyantes ou celles utilisant des écrans dans des conditions lumineuses difficiles. Vérifier et ajuster les couleurs permet d'améliorer la lisibilité. Il est possible de proposer une version contrastée du site, auquel cas les ratios de contrastes seront contrôlés sur cette version lors de l'audit.

Les titres mal structurés

Critère 7.1 du RGAA 4.1.2, chaque script doit être, si nécessaire, compatible avec les technologies d'assistance.

Critère 7.3 du RGAA : chaque script doit être contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers).

Les scripts doivent être conçus pour fonctionner aussi bien à la souris qu'au clavier.

Un exemple courant est l'utilisation de fenêtres modales. Celles-ci doivent être accessibles, c'est-à-dire qu'elles doivent pouvoir être ouvertes, naviguées, et fermées facilement, notamment au clavier.

Les modales mal conçues peuvent bloquer la navigation ou rester ouvertes sans moyen évident de les fermer, ce qui peut provoquer de la confusion ou de la frustration pour l'utilisateur.

Les erreurs d'accessibilité courantes identifiées lors des audits représentent autant de pièges à éviter pour garantir une expérience utilisateur inclusive et conforme aux normes.

En prêtant attention à tous ces éléments il est possible d'améliorer significativement l'accessibilité d'un site. Adopter une démarche proactive dans la conception et la vérification de ces éléments contribue non seulement à respecter la législation, mais aussi à offrir un environnement numérique plus équitable pour tous.

Vous souhaitez être accompagné dans la mise en conformité de votre site ou réaliser un audit d’accessibilité ? Nos experts sont à votre écoute !

Contactez-nous