Huit vérifications d’accessibilité à faire soi-même.

01 · Naviguer au clavier

Rangez la souris et parcourez le site avec la touche de tabulation. Vous devez pouvoir atteindre chaque lien, ouvrir le menu, remplir le formulaire et refermer les panneaux. Si un élément est inaccessible, ou si le focus disparaît derrière un bandeau, il y a un obstacle réel — pour les personnes handicapées comme pour les utilisateurs avancés.

02 · Voir où l’on se trouve

L’élément actif doit être visible : contour net, contrasté, jamais supprimé. Un site où le focus est invisible devient impossible à utiliser sans souris.

03 · Mesurer les contrastes

• Texte courant : rapport d’au moins 4,5 pour 1 avec son fond.
• Grands titres : 3 pour 1 suffit.
• Éléments d’interface — bordures de champs, icônes utiles : 3 pour 1.
• Les outils intégrés au navigateur donnent le rapport en un clic.

04 · Décrire les images

Une image qui porte de l’information a besoin d’un texte alternatif qui la remplace vraiment — pas « photo » ni « image1 ». Une image purement décorative, elle, doit être ignorée par les lecteurs d’écran, avec un texte alternatif vide.

05 · Vérifier la structure des titres

Un seul titre principal par page, puis une hiérarchie qui ne saute pas de niveau. Les lecteurs d’écran s’en servent comme d’un sommaire : une page mal structurée devient un texte plat, impossible à parcourir.

06 · Étiqueter les formulaires

• Chaque champ a une étiquette visible, reliée au champ — un simple texte d’exemple ne suffit pas.
• Les messages d’erreur sont rattachés au champ concerné et annoncés.
• L’information n’est jamais portée par la seule couleur : un champ en erreur doit aussi le dire par un texte.

07 · Couper les animations

Activez « réduire les animations » dans les réglages du système, puis rechargez le site. Tout doit rester visible et utilisable : rien ne doit disparaître parce qu’une animation ne se joue pas, et aucun mouvement continu ne doit subsister.

08 · Agrandir le texte

Zoomez à 200 % : le texte doit rester lisible, sans chevauchement ni coupure, et sans défilement horizontal. C’est le test qui révèle les mises en page trop rigides.

Aucune de ces vérifications ne demande d’expertise : elles demandent seulement de regarder son site autrement.

Le faire pendant, pas après

Reprendre un site terminé pour le rendre accessible coûte plusieurs fois le prix des mêmes décisions prises pendant la conception. Choisir des couleurs contrastées, prévoir des libellés explicites et structurer les titres ne demande aucun temps supplémentaire quand c’est fait au bon moment.

C’est la raison pour laquelle ces vérifications figurent dans ma liste de livraison plutôt que dans une prestation séparée : elles font partie du travail, pas d’une option.

Dans quel ordre corriger

1. 01Ce qui bloque totalementUn parcours impossible au clavier, un formulaire inutilisable : à corriger en premier, quel qu’en soit le coût.
2. 02Ce qui gêne fortementContrastes insuffisants, images non décrites, structure de titres incohérente.
3. 03Ce qui gêne ponctuellementLibellés vagues, focus discret, animations trop longues.
4. 04Ce qui relève du confortRaccourcis, liens d’évitement supplémentaires, préférences avancées.

Cet ordre évite l’effet catalogue, où l’on corrige cinquante détails cosmétiques pendant qu’un formulaire reste inaccessible.

Ce que ça change pour tout le monde

Un site accessible ne sert pas seulement aux personnes handicapées. Les sous-titres servent à qui regarde une vidéo sans le son dans les transports. Les contrastes élevés servent en plein soleil. La navigation au clavier sert à qui a une souris capricieuse, et les libellés explicites servent à tous ceux qui parcourent une page en diagonale.

C’est aussi une question de nombre : selon les estimations, environ une personne sur cinq est concernée par une situation de handicap, permanente ou temporaire. Un bras cassé, une conjonctivite ou un environnement bruyant créent les mêmes besoins pour quelques jours.

Les erreurs les plus fréquentes

• Un texte gris clair sur fond blanc, choisi pour son élégance et illisible dehors.
• Des liens reconnaissables uniquement à leur couleur, invisibles pour une personne daltonienne.
• Un carrousel qui défile seul, impossible à mettre en pause.
• Des icônes sans texte : compréhensibles pour qui connaît déjà l’interface, opaques pour les autres.
• Une vidéo avec du son qui démarre automatiquement, sans moyen évident de l’arrêter.
• Un champ de formulaire dont l’étiquette disparaît dès qu’on commence à écrire.

Les outils gratuits qui aident

• Les outils de développement du navigateur : contraste, structure des titres, arbre d’accessibilité.
• Les extensions d’audit automatique, qui repèrent les erreurs les plus mécaniques.
• Le lecteur d’écran intégré à votre système — VoiceOver sur Mac, Narrateur sur Windows — pour entendre ce que donne votre page.
• La simulation de vision daltonienne, disponible dans les navigateurs récents.

Quand c’est une obligation

En France, l’accessibilité numérique est obligatoire pour les services publics, les collectivités et les entreprises dépassant certains seuils de chiffre d’affaires. Elle suppose un audit selon le référentiel officiel, une déclaration publiée et un plan d’action pluriannuel.

Pour un studio indépendant ou une petite structure, rien de tout cela n’est exigé. Mais les mêmes principes s’appliquent, et les corriger pendant la conception coûte infiniment moins cher que de reprendre un site terminé.

Et après ?

Ces huit points ne remplacent pas un audit conforme au référentiel officiel, qui compte plus d’une centaine de critères. Mais ils traitent les obstacles les plus fréquents, et ils évitent de découvrir en fin de projet que le site est inutilisable pour une partie de ses visiteurs.