Pendant des années, l'accessibilité a été "le truc qu'on fera plus tard". En 2026, plus tard, c'est maintenant — et c'est devenu une obligation légale pour une grande partie des entreprises. Bonne nouvelle : 80 % de l'impact tient dans une poignée de corrections.
Ce qu'impose la loi en 2026
L'European Accessibility Act (EAA) s'applique depuis le 28 juin 2025. Il impose des exigences d'accessibilité numérique à de nombreux acteurs : e-commerce, banque, transport, services en ligne. En France, le RGAA (référentiel général d'amélioration de l'accessibilité) sert de cadre technique, aligné sur les WCAG.
En clair : si tu vends en ligne ou proposes un service numérique en Europe, l'accessibilité n'est plus un "plus", c'est une conformité. Les sanctions et la pression réputationnelle sont réelles.
Le cadre à connaître : POUR
Les WCAG reposent sur 4 principes, faciles à retenir avec l'acronyme POUR :
- Perceptible : tout le monde doit pouvoir percevoir le contenu (alternatives textuelles aux images, sous-titres, contraste suffisant).
- Utilisable (Operable) : tout doit être pilotable au clavier, avec assez de temps, sans piège.
- Compréhensible : langage clair, comportement prévisible, erreurs explicites.
- Robuste : compatible avec les technologies d'assistance (lecteurs d'écran).
Les 8 corrections prioritaires (par impact)
1. Le contraste des couleurs
Texte normal : ratio minimum 4,5:1. C'est le défaut le plus fréquent et le plus simple à corriger. Un gris clair sur fond blanc, c'est joli en maquette et illisible pour beaucoup.
2. Les alternatives textuelles
Chaque image informative a un alt descriptif. Chaque image décorative a un alt vide pour que le lecteur d'écran l'ignore. Un pixel de tracking sans alt est un défaut, même invisible.
3. La navigation au clavier
Tout ce qui est cliquable doit être atteignable et activable au clavier (Tab, Entrée). Et le focus doit être visible (un contour net). Beaucoup de sites masquent le focus "pour faire propre" : erreur.
4. Le skip-link
Un lien "Aller au contenu" en début de page permet aux utilisateurs clavier d'éviter de re-tabuler tout le menu à chaque page. Discret, il n'apparaît qu'au focus.
5. Les labels de formulaire
Chaque champ a un <label> associé via l'attribut for. Un placeholder n'est PAS un label : il disparaît à la saisie et n'est pas lu correctement.
6. Les messages d'erreur annoncés
Quand une validation échoue, le message doit être annoncé au lecteur d'écran (zone aria-live) et le champ marqué aria-invalid. Sinon l'utilisateur aveugle ne sait pas pourquoi le formulaire bloque.
7. Le mouvement réduit
Respecter prefers-reduced-motion : les utilisateurs sensibles au mouvement (vertiges, troubles vestibulaires) doivent pouvoir couper les animations.
8. La structure des titres
Un seul h1, des h2/h3 hiérarchisés. Les lecteurs d'écran naviguent par titres : une structure cassée rend le contenu illisible.
Comment auditer ton site
Trois outils gratuits suffisent pour démarrer : WAVE et axe DevTools (audits automatiques dans le navigateur), et surtout un test manuel au clavier (range la souris, navigue uniquement au Tab). Les outils détectent ~30 % des problèmes ; le test clavier et lecteur d'écran révèle le reste.
L'accessibilité, ce n'est pas concevoir pour une minorité. C'est concevoir pour tout le monde, y compris toi sous le soleil avec une main occupée.
Le bon ordre pour une PME
1. Contraste + alt + focus visible (rapide, gros impact). 2. Clavier + skip-link + structure des titres. 3. Formulaires accessibles. 4. Mouvement réduit. En une à deux semaines, un site PME passe de "non conforme" à "solide".
Tu veux savoir où en est ton site ? On inclut un volet accessibilité dans notre audit gratuit en 24h, et on te donne la liste priorisée des corrections.