Les cinq bases
- 1. Contraste. Rapport minimal de 4,5:1 entre le texte et son fond, 3:1 pour les grands titres. Le gris clair sur blanc est le défaut le plus répandu.
- 2. Navigation clavier. Tout doit être atteignable et actionnable à la touche de tabulation, avec un indicateur de focus visible.
- 3. Textes alternatifs. Chaque image porteuse d'information doit être décrite. Les images purement décoratives reçoivent un attribut vide.
- 4. Hiérarchie des titres. Un seul H1, puis des H2 et H3 dans l'ordre, sans saut de niveau.
- 5. Formulaires étiquetés. Chaque champ associé à un libellé explicite, et des messages d'erreur qui expliquent comment corriger.
Pourquoi cela améliore le référencement
Les recoupements entre accessibilité et référencement sont nombreux, parce que les deux reposent sur la même exigence : un contenu structuré et compréhensible sans le voir.
- Les textes alternatifs alimentent la recherche d'images et la compréhension du contexte.
- Une hiérarchie de titres cohérente aide les moteurs à identifier la structure de la page.
- Un balisage sémantique correct clarifie la nature de chaque zone de contenu.
- Une navigation clavier fonctionnelle traduit un balisage propre, plus facile à explorer.
- Un contraste suffisant réduit le taux de rebond, particulièrement sur mobile en extérieur.
Tester rapidement
- Naviguez sur votre site uniquement au clavier : pouvez-vous tout atteindre et voir où vous êtes ?
- Réduisez la taille de la fenêtre à 320 pixels : le contenu reste-t-il lisible ?
- Augmentez la taille du texte à 200 % : la mise en page tient-elle ?
- Vérifiez vos contrastes avec un outil de vérification en ligne.
- Coupez le son sur une vidéo : les informations essentielles restent-elles compréhensibles ?
L'obligation légale française vise le secteur public et, depuis 2025, certains services numériques privés au-delà de seuils d'effectif et de chiffre d'affaires. Pour une TPE, l'accessibilité n'est pas une obligation légale, mais elle reste un gain de qualité et d'audience.