Accessibilité : un site utilisable par tous vos clients

Un site accessible est un site que tout le monde peut utiliser : les personnes malvoyantes qui agrandissent l'écran ou utilisent un lecteur vocal, celles qui naviguent au clavier, les personnes âgées, mais aussi le client qui consulte votre site en plein soleil sur un téléphone à la luminosité réduite. L'accessibilité n'est pas une contrainte pour une minorité : c'est de la qualité pour tous.

Ce que dit la réglementation

En France, l'accessibilité numérique est encadrée par le RGAA (référentiel général d'amélioration de l'accessibilité). Longtemps réservée aux services publics et aux grandes entreprises, l'obligation a été élargie avec la transposition de la directive européenne sur l'accessibilité (European Accessibility Act), applicable depuis juin 2025 à de nombreux produits et services, notamment le commerce en ligne.

Les microentreprises qui fournissent des services (moins de 10 salariés et chiffre d'affaires ou bilan annuel n'excédant pas 2 millions d'euros) en sont en grande partie exemptées. Mais même sans obligation, un site accessible est mieux compris par les moteurs de recherche, plus agréable pour tous, et ne ferme la porte à aucun client.

Les bases, en six points

1. Des contrastes suffisants

Un texte gris clair sur fond blanc est élégant… et illisible pour beaucoup. Les recommandations demandent un rapport de contraste d'au moins 4,5 pour 1 pour le texte courant. Des outils gratuits vérifient vos couleurs en quelques secondes. Attention aussi au texte blanc sur des boutons de couleur vive.

2. Une navigation possible au clavier

Essayez de parcourir votre site uniquement avec la touche Tabulation et la touche Entrée. Tous les liens, boutons et menus doivent être atteignables, et l'élément sélectionné doit être visible (un contour, un soulignement). Un menu qui ne s'ouvre qu'au survol de la souris exclut beaucoup de visiteurs.

3. Des images décrites

Chaque image porteuse d'information doit avoir un texte alternatif qui dit ce qu'elle montre : « Salle de bain rénovée avec douche à l'italienne et carrelage gris », pas « IMG_2034 ». Les images purement décoratives, elles, ont un texte alternatif vide pour ne pas encombrer la lecture vocale.

4. Une structure claire

Un seul titre principal par page, des intertitres hiérarchisés, des listes pour les énumérations : cette structure aide les lecteurs d'écran à naviguer, et Google à comprendre votre page. C'est un double gain.

5. Des liens et boutons explicites

« Cliquez ici » ne veut rien dire hors contexte. Préférez « Voir nos tarifs de dépannage » ou « Télécharger la carte du restaurant ». Les boutons doivent être assez grands pour être touchés facilement sur mobile.

6. Des formulaires compréhensibles

Chaque champ doit avoir une étiquette visible (pas seulement un texte gris dans le champ qui disparaît quand on écrit). Les erreurs doivent être expliquées en clair : « Le numéro de téléphone doit contenir 10 chiffres », plutôt qu'un simple contour rouge.

Pensez aussi aux animations

Les animations et effets de défilement doivent respecter le réglage « réduire les animations » des téléphones et ordinateurs : certaines personnes y sont sensibles (vertiges, nausées). Un site bien conçu propose alors une version calme, sans rien perdre du contenu. C'est particulièrement important pour les sites immersifs en 3D.

Tester soi-même en dix minutes

1. Naviguez au clavier seul, de haut en bas de la page d'accueil.
2. Zoomez à 200 % : le texte doit rester lisible, sans défilement horizontal.
3. Passez vos couleurs dans un vérificateur de contraste.
4. Activez le lecteur d'écran de votre téléphone (VoiceOver ou TalkBack) et écoutez votre page d'accueil.
5. Lancez un outil d'audit automatique, comme celui intégré au navigateur Chrome, pour repérer les erreurs évidentes.

Chez Vitrine Azur, chaque site est vérifié au clavier et avec un outil d'audit automatique avant sa mise en ligne, contrastes compris.