Rendre son site accessible à tous : les bonnes pratiques
Un site accessible se lit au clavier, à la voix, avec une vue faible ou un handicap moteur. Les règles simples qui ouvrent votre site à tous vos clients.
- Armando Martins
- 2 min de lecture
- Mis à jour le
Dans cet article
- Ce qu'est un site accessible, et qui en a besoin
- Les deux référentiels : WCAG et RGAA
- Les bonnes pratiques à appliquer dès maintenant
Sommaire
Une personne malvoyante qui navigue avec un lecteur d'écran, une autre qui ne peut pas utiliser de souris, une troisième qui lit sur un téléphone en plein soleil : toutes visitent votre site. Un site accessible, c'est un site que chacun peut utiliser, quelle que soit sa situation.
Qui est concerné
- Handicap visuel : cécité, vue faible, daltonisme. Ces personnes utilisent un lecteur d'écran ou agrandissent les textes.
- Handicap auditif : les vidéos sans sous-titres leur sont fermées.
- Handicap moteur : navigation au clavier ou par commande vocale, sans souris.
- Troubles cognitifs : un texte simple et une page claire font toute la différence.
- Et tout le monde, à un moment : un bras dans le plâtre, un écran trop lumineux, une connexion lente.
Les deux référentiels à connaître
Les WCAG sont les règles internationales publiées par le W3C, l'organisme qui fixe les standards du web (présentation officielle). En France, le RGAA traduit ces règles en critères à vérifier ; il est publié par l'État sur accessibilite.numerique.gouv.fr, avec les obligations légales et les publics concernés.
Les WCAG reposent sur quatre principes : un contenu perceptible, utilisable, compréhensible et robuste (lisible par les outils d'aide).
Les bonnes pratiques à appliquer
- Un texte alternatif sur chaque image utile, qui décrit ce qu'elle montre.
- Des contrastes suffisants entre le texte et le fond.
- Une navigation au clavier complète, avec un repère visible sur l'élément actif.
- Des titres hiérarchisés (un titre principal, puis des intertitres) pour que la page se lise comme un sommaire.
- Des liens explicites : « voir nos tarifs » plutôt que « cliquez ici ».
- Des formulaires étiquetés, avec des messages d'erreur qui disent quoi corriger.
- Des sous-titres sur les vidéos.
À éviter
- Texte gris clair sur fond blanc
- Information donnée seulement par la couleur
- Bouton sans texte, juste une icône
À faire
- Texte foncé, lisible au soleil
- Couleur doublée d'un mot ou d'un symbole
- Bouton avec un libellé clair
Comment tester votre site
- Parcourez une page avec la seule touche Tabulation : pouvez-vous tout atteindre ?
- Agrandissez le texte à 200 % : la page reste-t-elle lisible ?
- Lancez un outil de contrôle automatique, puis vérifiez à la main ce qu'il signale.
Pour qui
Pour toute entreprise qui reçoit du public en ligne, et en priorité les structures de santé, les collectivités et les associations. Nous intégrons ces règles à chaque création de site.
Votre site est-il lisible par tous ?
Parlons-en trente minutes : nous regardons votre site ensemble et vous disons ce qui bloque le plus de visiteurs.
Prendre rendez-vous