12 millions de Français sont en situation de handicap. Ajoutez les personnes âgées, celles avec une connexion lente, celles qui naviguent au clavier… L’accessibilité web n’est pas un nice-to-have — c’est une obligation légale et un levier commercial.

Les obligations légales en France

La loi française impose l’accessibilité web depuis 2005 (loi Handicap), renforcée par la directive européenne 2019/882 (European Accessibility Act) :

  • Secteur public : obligation de conformité RGAA (Référentiel Général d’Amélioration de l’Accessibilité) depuis 2012.
  • Grandes entreprises (> 250 M€ de CA) : concernées depuis 2020.
  • Secteur privé (directive EAA) : à partir de juin 2025, les sites e-commerce, banques, transports et services numériques doivent être conformes.
  • Sanctions : jusqu’à 50 000 € d’amende par site non conforme.

Les erreurs les plus fréquentes

97 % des sites web contiennent des erreurs d’accessibilité. Les plus courantes :

  • Images sans attribut alt : un lecteur d’écran ne peut pas décrire une image sans texte alternatif. 58 % des sites sont concernés.
  • Contraste insuffisant : texte gris clair sur fond blanc — illisible pour les personnes malvoyantes. Le ratio minimum est de 4,5:1.
  • Navigation au clavier impossible : si un utilisateur ne peut pas naviguer avec Tab et Entrée, votre site exclut les personnes à mobilité réduite.
  • Formulaires sans labels : un champ de saisie sans label associé est inutilisable par un lecteur d’écran.
  • Structure de titres anarchique : passer de h1 à h4 sans h2 ni h3 désoriente les technologies d’assistance.
💡 Test en 2 minutes

Débranchez votre souris et essayez de naviguer sur votre site uniquement au clavier (Tab, Entrée, Échap). Si vous ne pouvez pas accéder à toutes les pages et fonctionnalités, votre site a un problème d’accessibilité.

Corrections rapides à fort impact

Ces corrections couvrent 80 % des problèmes d’accessibilité les plus courants :

  • Ajoutez des alt à toutes les images : descriptif pour les images porteuses de sens, alt vide (alt="") pour les images décoratives.
  • Vérifiez les contrastes : utilisez l’outil Contrast Checker de WebAIM. Corrigez les couleurs sous le ratio 4,5:1.
  • Ajoutez des labels aux formulaires : chaque input doit avoir un label associé via l’attribut for.
  • Structure de titres correcte : un seul h1 par page, puis h2, h3 dans l’ordre hiérarchique.
  • Focus visible : ne supprimez jamais l’outline CSS sur les éléments interactifs. Personnalisez-le plutôt.
  • Attributs ARIA basiques : aria-label sur les boutons icônes, aria-expanded sur les menus dépliants.

Outils pour tester l’accessibilité

  • axe DevTools (extension Chrome) : détecte automatiquement les erreurs d’accessibilité. Gratuit.
  • WAVE (wave.webaim.org) : analyse visuelle des erreurs directement sur la page.
  • Lighthouse (intégré dans Chrome DevTools) : score d’accessibilité avec recommandations.
  • Assistant RGAA (extension Firefox) : audit selon le référentiel français.
  • NVDA (lecteur d’écran gratuit sous Windows) : testez votre site comme un utilisateur non-voyant.
🛠️ Par où commencer

Lancez axe DevTools sur votre page d’accueil. Corrigez les erreurs signalées en « Critical » et « Serious ». Puis passez à vos pages principales (contact, services, produits). En une journée, vous pouvez résoudre 70 % des problèmes.

Conclusion

L’accessibilité web n’est pas un coût — c’est un investissement. Un site accessible touche plus de personnes, améliore son SEO (Google valorise l’accessibilité), réduit les risques juridiques, et montre que votre entreprise prend soin de tous ses utilisateurs.

Commencez par les corrections rapides, testez avec les outils gratuits, et intégrez l’accessibilité dans votre processus de développement dès le départ.

Besoin d’un audit accessibilité ou d’un site conforme RGAA ? Parlons-en.

Articles connexes