UX & accessibilité
Accessibilité web : concevoir des parcours utilisables par tous
L’accessibilité concerne la possibilité de comprendre et d’utiliser un site dans des situations variées : clavier, lecteur d’écran, texte agrandi ou contraintes visuelles et motrices. Elle se prépare dès la conception et se vérifie dans les parcours. Les recommandations WCAG du W3C fournissent un cadre ; leur application demande des choix et des contrôles concrets dans le produit.
Donner une structure compréhensible au contenu
Utilisez des titres qui décrivent les sections et une hiérarchie cohérente. Les liens doivent indiquer leur destination ou leur action. Une succession de « cliquer ici » rend une page plus difficile à parcourir hors de son contexte visuel. Les listes et les tableaux doivent correspondre à la nature des informations.
Gardez un ordre de lecture logique lorsque les colonnes se réorganisent. Le contenu essentiel doit rester disponible sur petit écran et avec du texte agrandi. Vérifiez les images informatives et leurs alternatives textuelles, en évitant d’imposer une description inutile aux éléments purement décoratifs.
Prévoir la navigation sans souris
Les menus, liens, boutons et fenêtres doivent être accessibles au clavier avec un repère de focus visible. Suivez un parcours réel depuis le haut de la page jusqu’à son action principale. L’ordre doit rester compréhensible et ne pas enfermer la personne dans un composant.
Lorsqu’une fenêtre s’ouvre, sa fermeture et le retour au point de départ doivent être prévus. Une action disponible uniquement au survol peut poser problème sur clavier et écran tactile. La conception des états d’ouverture, d’erreur et de fermeture fait partie du composant.
Vérifier la lisibilité dans plusieurs conditions
Contrôlez les contrastes et évitez de transmettre une information uniquement par une couleur. Un statut peut aussi utiliser un libellé ou un symbole explicite. Les tailles de texte, les espacements et les longueurs de ligne doivent faciliter la lecture plutôt que préserver à tout prix une maquette figée.
Testez le thème clair et le thème sombre lorsqu’ils existent. Une couleur adaptée à un fond ne fonctionne pas nécessairement sur l’autre. Le texte agrandi et les petits écrans peuvent révéler des chevauchements ou des boutons masqués qu’un contrôle sur une seule taille ne montre pas.
Rendre les actions et les erreurs compréhensibles
Chaque champ doit avoir un intitulé identifiable. Les erreurs doivent expliquer ce qui manque et comment le corriger sans obliger la personne à recommencer toute la saisie. Un simple changement de bordure rouge n’est pas toujours une indication suffisante.
Préparez les messages de succès, d’attente et d’échec pour les interactions asynchrones. Les vidéos et documents demandent également des moyens d’accès adaptés au contenu : sous-titres, transcription ou document correctement structuré selon le cas. Choisissez les alternatives en fonction des informations réellement transmises.
Tester, corriger et maintenir les parcours
Combinez des outils de contrôle avec des essais manuels et, lorsque le périmètre le justifie, des retours de personnes utilisant des technologies d’assistance. Les résultats doivent devenir des corrections priorisées, avec une vérification après intervention. Un score isolé ne constitue pas une validation globale de conformité.
Intégrez ces contrôles aux évolutions du site. De nouveaux contenus ou composants peuvent réintroduire un obstacle. Définissez les exigences applicables à votre organisation avec les interlocuteurs compétents, puis conservez un processus de conception et de recette qui permette de les suivre dans la durée.
Les points à vérifier
- Vérifier titres, liens et ordre de lecture.
- Tester le parcours complet au clavier.
- Contrôler contrastes, zoom et thèmes.
- Préparer libellés, erreurs et alternatives aux médias.
- Suivre les corrections et tester les nouveaux composants.
Questions fréquentes
Un outil automatique suffit-il pour vérifier l’accessibilité ?
Non. Il peut détecter certains problèmes, mais l’ordre de lecture, la compréhension et l’accomplissement des tâches demandent aussi des essais adaptés.
Faut-il attendre une refonte pour commencer ?
Non. Des corrections ciblées peuvent améliorer les parcours existants : titres, contrastes, clavier, formulaires et contenus. Une refonte peut ensuite intégrer ces principes dès ses premières décisions.
Un projet à explorer
Jibril.me
Jibril.me présente des parcours de lecture sur plusieurs supports. Ce type de produit rend particulièrement importantes la lisibilité, la navigation et les interactions autour du contenu.
Explorer le projet