Accessibilité web : 7 vérifications rapides avant de livrer un site

L'accessibilité web a longtemps été traitée comme une option, une case à cocher en toute fin de projet, quand il reste deux jours et plus de budget. C'est une erreur : un site accessible est un site que plus de monde peut utiliser, y compris sur un petit écran, en plein soleil, avec une connexion lente ou une main occupée.

Il n'est pas nécessaire d'être expert pour corriger l'essentiel. Voici sept vérifications rapides que je fais avant de livrer un site. Elles ne remplacent pas un audit complet, mais elles attrapent une grande partie des problèmes courants.

1. Le contraste des couleurs

Un texte gris clair sur fond blanc est joli sur une maquette et illisible dans la vraie vie. Les recommandations d'accessibilité (WCAG) demandent un rapport de contraste d'au moins 4,5:1 pour le texte courant, et 3:1 pour le grand texte et les éléments d'interface importants.

Comment vérifier : un outil de contrôle de contraste (il en existe dans les navigateurs et dans Figma via des extensions), en testant les couleurs de texte, de liens, de boutons et d'états au survol.

2. La navigation au clavier

Beaucoup d'utilisateurs naviguent sans souris : clavier, commande vocale, boutons adaptés. Pour tester, posez la souris et utilisez la touche Tab :

• Peut-on atteindre tous les liens, boutons et champs ?
• L'ordre de passage est-il logique ?
• Le focus est-il visible, avec un contour bien net ?
• Peut-on ouvrir et fermer un menu ou une fenêtre sans souris ?

Un site dont on ne voit pas où se trouve le focus est un site inutilisable au clavier.

3. Les textes alternatifs des images

Chaque image informative doit avoir un texte alternatif qui décrit ce qu'elle apporte. Quelques repères :

• une image qui illustre un contenu : décrivez-la en une phrase simple
• une image purement décorative : laissez l'attribut alt vide pour que les lecteurs d'écran l'ignorent
• une image qui sert de lien ou de bouton : décrivez l'action, pas l'image
• ne bourrez pas le texte alternatif de mots-clés

4. La structure des titres

Les lecteurs d'écran permettent de naviguer de titre en titre. Une page doit donc avoir :

• un seul h1, décrivant le sujet de la page
• des h2 puis h3 dans l'ordre, sans sauter de niveau
• des titres qui sont de vrais titres, pas du texte simplement agrandi

Ce que vous faites pour l'accessibilité profite aussi au référencement.

5. Les formulaires

Les formulaires sont l'endroit où l'on perd le plus de monde. Vérifiez que :

• chaque champ a une étiquette visible (le texte indicatif qui disparaît à la saisie ne suffit pas)
• les erreurs sont expliquées clairement et indiquent comment les corriger
• les champs obligatoires sont signalés autrement que par la seule couleur
• le bouton d'envoi est explicite

6. Le zoom et l'affichage mobile

Zoomez le navigateur à 200 % : le contenu reste-t-il lisible, sans éléments qui se chevauchent ni défilement horizontal parasite ? Testez ensuite sur un vrai téléphone. Les zones cliquables doivent être assez grandes pour être touchées sans erreur, avec un espacement suffisant entre elles.

7. L'information ne repose pas que sur la couleur

Un champ « en erreur » signalé uniquement en rouge sera invisible pour une personne daltonienne. Ajoutez toujours un second indice : une icône, un texte, un soulignement. C'est valable pour les liens dans un paragraphe, les graphiques et les états des boutons.

L'accessibilité n'est pas un supplément : c'est la qualité de base d'un site bien fait.

Les outils pour aller plus vite

• les outils de développement du navigateur, qui incluent un contrôle d'accessibilité
• des extensions d'audit automatique (elles repèrent les erreurs évidentes, mais pas toutes)
• un lecteur d'écran pour tester une page importante (celui de votre système fonctionne très bien)
• surtout, demander à une vraie personne de parcourir le site

Les outils automatiques détectent une partie seulement des problèmes. Le reste demande un regard humain.

À retenir

Avant de livrer, prenez vingt minutes pour passer ces sept contrôles : contraste, clavier, textes alternatifs, titres, formulaires, zoom, information non liée à la couleur. Corriger tôt coûte presque rien ; corriger après la mise en ligne coûte beaucoup plus. Et un site plus accessible est, presque toujours, un site plus agréable pour tout le monde.