15% de la population mondiale vit avec un handicap. L'accessibilité web n'est pas seulement une obligation légale (pour les sites publics et certaines entreprises) — c'est un levier de reach commercial. Un site accessible est aussi mieux compris par Google.
L'accessibilité web est obligatoire pour :
Pour les TPE et PME, l'accessibilité n'est pas encore légalement obligatoire en France. Mais la directive européenne sur l'accessibilité (EAA — European Accessibility Act) entre en vigueur en juin 2025 pour les services numériques — son périmètre s'étend progressivement.
La bonne raison de s'y intéresser maintenant : Un site accessible améliore l'expérience pour tous vos utilisateurs, pas seulement ceux en situation de handicap. Et Google lit votre site comme un lecteur d'écran — optimiser pour l'accessibilité améliore mécaniquement votre SEO.
Chaque image doit avoir un attribut alt qui décrit son contenu. C'est utilisé par :
Règle : L'attribut alt doit décrire CE QUE MONTRE l'image, pas "image de" ou le nom du fichier.
alt="photo.jpg" ou alt="image"alt="Façade rénovée d'une maison à Tours après ravalement"alt="" (attribut vide, pas d'absence d'attribut)Un texte gris clair sur fond blanc est illisible pour les personnes avec une déficience visuelle — et difficile à lire pour tout le monde en plein soleil sur mobile.
Standards WCAG :
Outil gratuit : WebAIM Contrast Checker (webaim.org/resources/contrastchecker) — entrez vos couleurs et voyez le ratio.
Un utilisateur qui ne peut pas utiliser une souris (handicap moteur) doit pouvoir naviguer sur votre site avec Tab, Entrée et les flèches.
Test rapide : Ouvrez votre site, mettez votre souris de côté, et naviguez uniquement au clavier. Si vous ne savez pas où vous êtes sur la page (pas d'indicateur visuel du focus), c'est un problème.
Fix : Ne supprimez pas l'outline CSS par défaut (outline: none) sans le remplacer. Les styles de focus sont essentiels pour la navigation clavier.
La hiérarchie des titres (H1 → H2 → H3) doit être logique. Un lecteur d'écran lit les titres pour naviguer dans la page — comme une table des matières.
Règle : Un seul H1 par page. Ne sautez pas de niveaux (H2 puis H4 directement). Les titres structurent le contenu, pas le design.
Chaque champ de formulaire doit avoir un <label> associé. Les placeholders (texte grisé dans le champ) disparaissent quand on commence à taper — ils ne remplacent pas un vrai label.
Correct :
<label for="email">Votre email</label>
<input type="email" id="email" name="email">
Incorrect :
<input type="email" placeholder="Votre email">
"Cliquez ici" ou "En savoir plus" répété plusieurs fois sur la page est inutilisable pour un lecteur d'écran qui liste tous les liens. Chaque lien doit être explicite hors contexte.
Si vous avez des vidéos de présentation, ajoutez des sous-titres. Nécessaire pour les personnes sourdes ou malentendantes, et très pratique pour tous les utilisateurs en contexte silencieux (transports, open space).
YouTube génère des sous-titres automatiques (qualité variable en français) que vous pouvez corriger avant de publier.
Les messages d'erreur (formulaire invalide, page introuvable) doivent être clairs et placés à côté de l'élément concerné — pas uniquement en rouge au-dessus du formulaire.
Outils automatiques (gratuits) :
Limitation : Les outils automatiques détectent environ 30 à 40% des problèmes d'accessibilité. Une vraie évaluation nécessite des tests avec de vrais utilisateurs. Mais pour une TPE, passer de 0 à 70 sur le score Lighthouse Accessibility est un objectif atteignable automatiquement.
Google crawle votre site comme un lecteur d'écran. Les mêmes bonnes pratiques améliorent les deux :
alt sur les images → Google comprend vos imagesMon site WordPress est-il accessible par défaut ? Non. L'accessibilité dépend du thème et des plugins utilisés. Certains thèmes premium mettent en avant leur conformité WCAG — vérifiez avant de choisir. Les plugins de constructeur de page (Elementor, Divi) génèrent souvent du code peu accessible.
Faut-il une déclaration d'accessibilité sur son site ? Pour les sites du secteur public : oui, obligatoire. Pour les TPE privées : non obligatoire actuellement, mais certains prestataires publics le demandent. Une mention "Accessibilité : partiellement conforme" est suffisante pour montrer votre engagement.
L'accessibilité coûte-t-elle beaucoup à implémenter a posteriori ? Les corrections les plus impactantes (alt, contraste, labels, titres) sont rapides à implémenter (quelques heures de développement). Une refonte complète pour atteindre WCAG AA coûte plus cher. L'approche pragmatique : corriger les 8 points ci-dessus en priorité.
Est-ce que Tailwind CSS aide ou nuit à l'accessibilité ? Ni l'un ni l'autre — Tailwind gère le style, pas la structure HTML. Un développeur peut faire un HTML accessible ou non avec Tailwind. Certains composants UI basés sur Tailwind (Headless UI, Radix) sont conçus pour être accessibles.
Mon concurrent n'a aucune accessibilité et est mieux classé que moi. L'accessibilité n'influence pas Google ? L'accessibilité est un facteur indirect. L'impact est réel mais rarement décisif face à des différences majeures de contenu ou de backlinks. Traitez l'accessibilité comme une amélioration de l'expérience utilisateur et de la couverture SEO, pas comme le levier principal de classement.
Voir aussi : vitesse mobile optimisation, guide SEO on-page et création de site web à partir de 449€.
Premier RDV gratuit, devis sous 72h, sans engagement.
Prendre rendez-vous →