L'accessibilité web n'est plus optionnelle. En Europe, la directive européenne 2016/2102 rend l'accessibilité obligatoire pour les organismes publics, et la loi RGAA s'applique de plus en plus au secteur privé.
Les WCAG 2.2 reposent sur 4 principes fondamentaux : Perceptible, Opérable, Compréhensible et Robuste.
Les erreurs les plus courantes sont le texte alternatif manquant sur les images, le contraste insuffisant (ratio minimum 4,5:1 pour le texte normal), la navigation au clavier impossible, le focus invisible, et les formulaires sans labels.
La structure sémantique HTML aide les lecteurs d'écran : utilisez header, nav, main, aside et footer correctement. Évitez les divs cliquables sans rôle ARIA.
Les ratios de contraste minimum sont 4,5:1 pour le texte normal (niveau AA) et 3:1 pour le grand texte. Utilisez :focus-visible pour afficher le focus au clavier sans le masquer.
Pour tester, utilisez axe DevTools pour les tests automatisés, naviguez au clavier sur l'ensemble du site, et testez avec un lecteur d'écran (NVDA, VoiceOver ou TalkBack).
LightSitePro mesure votre score d'accessibilité basé sur Lighthouse et vous donne des recommandations concrètes pour atteindre le niveau AA des WCAG 2.2.