L’accessibilité d’un site vitrine, concrètement

L’accessibilité n’est pas une version simplifiée du site réservée à quelques personnes. C’est le site normal, construit de façon à rester utilisable dans des conditions qui ne sont pas les vôtres : petit écran, connexion faible, souris cassée, vue qui baisse, mains prises.

En France, le cadre s’appelle le RGAA. Il s’impose au secteur public et aux grandes entreprises. Un indépendant n’y est pas soumis, mais les critères restent la meilleure liste de contrôle disponible, et ils recoupent presque entièrement ce qui rend un site agréable pour tout le monde.

Quatre points couvrent l’essentiel et ne coûtent rien s’ils sont pris en compte dès les maquettes. Repris après coup, ils demandent de refaire le design.

• Le contraste : un gris clair sur fond blanc est illisible dehors, pas seulement pour une personne malvoyante
• La taille de texte et des zones cliquables : un bouton se vise avec un pouce, pas avec un curseur de précision
• Le clavier : tout ce qui se clique doit s’atteindre avec la touche Tab, et on doit voir en permanence où l’on se trouve
• Les textes de remplacement des images : ce que dit l’image, pas son nom de fichier

Un formulaire mal construit est le meilleur moyen de perdre une demande. Les erreurs les plus fréquentes : une étiquette qui disparaît dès qu’on tape, un message d’erreur en rouge sans texte, un champ obligatoire signalé par une couleur seule.

La correction tient en trois règles : une étiquette visible en permanence au-dessus du champ, un message d’erreur écrit qui dit quoi corriger, et une erreur annoncée par du texte, jamais par la couleur seule. Le formulaire de ce site suit ces règles, et son message de confirmation reste affiché tant que vous ne l’avez pas fermé, pour laisser à un lecteur d’écran le temps de le lire.

Un aplat gris en attendant la vraie photo semble inoffensif. Il ne l’est pas : un lecteur d’écran l’annonce comme une image, et le visiteur voyant y lit un site inachevé. Mieux vaut retirer l’emplacement que le laisser vide.

La même logique vaut pour les images décoratives : si une image n’apporte aucune information, elle doit être déclarée comme décorative, pour ne pas encombrer la lecture au lecteur d’écran.

Les notes d’accessibilité des projets livrés sont publiques et vérifiables par n’importe qui sur PageSpeed Insights : 100 sur 100 pour Une Amourette, Bolly Deewani et Blue Life Solutions.

Un outil automatique ne détecte qu’une partie des problèmes, environ un tiers. Le reste demande de naviguer au clavier, de couper les images et de relire les textes de remplacement un par un. C’est une heure de travail sur un site vitrine, pas une ligne de devis.

Un site accessible est structuré : des titres hiérarchisés, des liens dont l’intitulé se comprend hors contexte, des images décrites. C’est exactement ce que Google lit pour comprendre une page.

Autrement dit, le travail fait pour les lecteurs d’écran sert le référencement. Les deux listes de bonnes pratiques se recouvrent largement, ce qui rend l’effort deux fois rentable.