1,3 milliard de personnes dans le monde vivent avec un handicap. En France, 12 millions de personnes sont concernées — soit 18% de la population. Si votre site n'est pas accessible, vous excluez une part significative de votre audience potentielle. Et au-delà de l'exclusion, vous vous exposez à des sanctions légales croissantes. Chez Go To Agency, nous intégrons les bonnes pratiques d'accessibilité dès la phase de design, parce que corriger l'accessibilité après coup coûte 5 à 10 fois plus cher que de la prévoir dès le départ.
Le cadre légal en France : ce qui a changé
La loi française impose l'accessibilité numérique aux services publics depuis 2005 (loi Handicap). En 2025, cette obligation s'est étendue au secteur privé pour les entreprises de plus de 250 employés ou réalisant plus de 50 millions d'euros de CA annuel, conformément à la directive européenne sur l'accessibilité (European Accessibility Act). Les sanctions peuvent atteindre 50 000€ par manquement constaté.
La tendance est claire : le périmètre d'obligation s'élargit chaque année. Les États-Unis ont déjà vu une explosion des procès liés à l'accessibilité web (plus de 4 000 en 2024). L'Europe suit le même chemin. Même si votre entreprise n'est pas encore concernée légalement, anticiper ces obligations vous évitera une refonte coûteuse dans 2-3 ans.
Toute entreprise concernée doit publier une déclaration d'accessibilité sur son site, mentionnant le niveau de conformité atteint, les dérogations éventuelles et un moyen de contact pour signaler un problème d'accessibilité.
Les normes WCAG expliquées simplement
Les Web Content Accessibility Guidelines (WCAG), publiées par le W3C, définissent 4 principes fondamentaux. La version actuelle est WCAG 2.2, et le référentiel français RGAA 4.1 s'en inspire directement.
Perceptible
L'information doit être présentée de manière perceptible par tous les sens. Concrètement : alternatives textuelles (attribut alt) pour toutes les images significatives, sous-titres pour les vidéos, transcriptions pour les podcasts, contrastes de couleurs suffisants, et ne jamais utiliser la couleur seule pour transmettre une information (un champ en rouge avec la mention "erreur", pas juste un champ en rouge).
Utilisable
L'interface doit être navigable au clavier seul (sans souris), les éléments interactifs doivent être facilement identifiables (focus visible), le temps pour accomplir une action ne doit pas être arbitrairement limité, et les animations doivent pouvoir être désactivées (préférence système prefers-reduced-motion).
Compréhensible
Le contenu et le fonctionnement du site doivent être compréhensibles. Langage clair (niveau B1 recommandé), navigation prévisible et cohérente entre les pages, messages d'erreur explicites ("Le champ email est obligatoire" plutôt que "Erreur 422"), et aide contextuelle disponible pour les formulaires complexes.
Robuste
Le contenu doit être interprétable par les technologies d'assistance (lecteurs d'écran comme NVDA, JAWS ou VoiceOver, loupes, plages braille). Cela passe par un HTML sémantique valide, des attributs ARIA correctement utilisés et une compatibilité avec les navigateurs et technologies d'assistance actuels.
Les actions prioritaires : par où commencer
1. Alternatives textuelles (alt text)
Chaque image significative doit avoir un texte alternatif descriptif et pertinent. "Photo de l'équipe" est insuffisant — "L'équipe de 5 développeurs travaillant dans nos bureaux de Dijon" est bien mieux. Les images purement décoratives doivent avoir un alt vide (alt="") pour que les lecteurs d'écran les ignorent. C'est la correction la plus simple et la plus impactante : elle prend 5 minutes par page et améliore aussi votre SEO.
2. Contrastes de couleurs
Le ratio de contraste entre le texte et son arrière-plan doit être d'au moins 4.5:1 pour le texte normal (moins de 18px) et 3:1 pour le texte large (plus de 18px ou 14px bold). Utilisez WebAIM Contrast Checker ou l'extension Chrome "axe DevTools" pour vérifier automatiquement. Les erreurs les plus fréquentes : texte gris clair sur fond blanc, texte blanc sur fond coloré pastel, et placeholder de formulaire à peine visible.
3. Navigation au clavier
Testez votre site entier en utilisant uniquement la touche Tab. Pouvez-vous atteindre tous les liens, boutons et champs de formulaire ? L'indicateur de focus est-il visible (un contour ou un changement de couleur quand l'élément est sélectionné) ? L'ordre de tabulation est-il logique ? Si un élément interactif est inaccessible au clavier, il est inaccessible pour les utilisateurs de lecteurs d'écran — soit environ 2% de vos visiteurs.
4. Structure sémantique HTML
Utilisez les bonnes balises HTML : un seul
