Accessibilité web : rendre les parcours utilisables par tous
Share
Une interface peut paraître simple et exclure pourtant une partie de ses visiteurs. Un menu inaccessible au clavier, un formulaire dont l’erreur n’est annoncée que par la couleur ou une image essentielle sans description peuvent empêcher une personne de terminer sa tâche. Concevoir un site accessible consiste à rendre les informations et les actions utilisables dans plusieurs situations, pas à ajouter un correctif après publication.
Partir d’un parcours concret
Prenons une demande de rendez-vous. La personne doit trouver la bonne page, comprendre le service, ouvrir le calendrier, choisir un créneau, saisir ses coordonnées et obtenir une confirmation. Chaque étape peut être testée sans souris, avec un zoom important ou avec un lecteur d’écran. L’exercice révèle des problèmes que le contrôle automatique seul ne voit pas toujours.
Le même raisonnement s’applique à une boutique : sélectionner une variante, connaître son prix, l’ajouter au panier et corriger une erreur de formulaire. Un score global ne remplace pas l’observation de ces tâches.
Rendre la structure compréhensible
Les titres doivent suivre une hiérarchie logique. Un lien doit annoncer sa destination, même lorsque le lecteur le rencontre hors contexte. Un bouton doit nommer son action. Les informations essentielles ne devraient pas être contenues uniquement dans une image. Un texte alternatif décrit ce que l’image apporte à la compréhension ; une image purement décorative peut rester silencieuse.
Le contraste entre texte et fond mérite une vérification, mais la taille du texte, l’espacement et la possibilité de zoomer comptent aussi. Une interface très esthétique qui tronque ses boutons à 200 % de zoom reste difficile à utiliser.
Tester le clavier et les états
Parcourez la page avec Tab et Maj+Tab. Le focus doit rester visible et suivre un ordre cohérent. Ouvrez puis fermez les menus, accordéons et fenêtres. Une interaction activable seulement au survol n’est pas suffisante. Lorsqu’un contenu change après une action, la personne doit pouvoir comprendre ce qui vient de se produire.
Les formulaires ont besoin de libellés explicites, d’instructions proches des champs et de messages d’erreur identifiables. « Une erreur est survenue » n’aide pas à corriger un numéro incomplet. Signalez le champ concerné et expliquez la correction attendue.
Inclure différents usages dans la recette
- Navigation complète au clavier, y compris menu et calendrier.
- Lecture avec zoom et largeur mobile sans perte de contenu.
- Contraste des textes, boutons et états actifs.
- Formulaire soumis avec champs vides ou incorrects.
- Images informatives accompagnées d’une alternative adaptée.
- Vérification humaine avec technologies d’assistance lorsque possible.
Il ne s’agit pas de déclarer un site « conforme » après quelques tests rapides. La conformité suppose une évaluation du périmètre réel, des critères applicables et des corrections. La référence technique est constituée notamment par les WCAG du W3C. Les tests automatiques sont utiles pour détecter certains défauts, mais l’usage doit aussi être vérifié par des personnes.
Prévoir l’accessibilité dès le contenu
Des textes simples, des horaires écrits clairement, une vidéo accompagnée d’une alternative et des documents disponibles dans un format utilisable facilitent l’accès autant qu’un composant technique. Chaque nouvelle publication peut préserver ou dégrader la qualité du parcours : l’équipe qui gère le contenu a donc aussi un rôle à jouer.
Un site web utile n’impose pas un seul mode d’interaction. L’accessibilité est une discipline de conception et de vérification continue, qui améliore la capacité de chacun à comprendre et à agir.