Accessibilité web (WCAG) : pourquoi et comment rendre votre site accessible en 2025
12 millions de Français sont en situation de handicap. L'accessibilité web n'est pas qu'une obligation légale, c'est un avantage concurrentiel. Guide pratique des normes WCAG.
L'accessibilité web : obligation légale et opportunité business
En France, 12 millions de personnes vivent avec un handicap. L'accessibilité web consiste à concevoir des sites utilisables par tous, y compris les personnes malvoyantes, sourdes, ayant des troubles moteurs ou cognitifs. Depuis la loi du 7 octobre 2016, l'accessibilité numérique est obligatoire pour les administrations et les grandes entreprises. Depuis 2025, elle s'étend progressivement à toutes les entreprises réalisant plus de 250 millions d'euros de CA.
Les normes WCAG en pratique
Le WCAG (Web Content Accessibility Guidelines) est le standard international. Il se décline en 3 niveaux : A (minimum), AA (recommandé) et AAA (maximum). Le niveau AA est généralement la cible pour les sites professionnels. En France, le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) transpose les WCAG dans le contexte réglementaire français.
Les 10 règles essentielles pour un site accessible
La première règle est le contraste des couleurs suffisant. Le texte doit avoir un ratio de contraste d'au moins 4.5:1 par rapport à son arrière-plan. Les outils comme WebAIM Contrast Checker permettent de vérifier facilement.
La deuxième règle concerne les images avec texte alternatif. Chaque image doit avoir un attribut alt décrivant son contenu. Les images décoratives doivent avoir un alt vide ou être marquées aria-hidden.
La troisième règle est la navigation au clavier. Tout le contenu et toutes les fonctionnalités doivent être accessibles au clavier seul, sans souris. Les liens, boutons et formulaires doivent avoir un indicateur de focus visible.
La quatrième règle est la structure sémantique du HTML. Utiliser les bonnes balises (h1 à h6 pour les titres, nav pour la navigation, main pour le contenu principal) permet aux lecteurs d'écran de comprendre la structure de la page.
La cinquième règle concerne les formulaires avec labels explicites. Chaque champ de formulaire doit avoir un label associé qui décrit clairement ce qui est attendu. Les messages d'erreur doivent être explicites et proches du champ concerné.
Les règles 6 à 10 couvrent la taille des zones tactiles (minimum 44x44px sur mobile), les sous-titres pour les vidéos, les animations désactivables (prefers-reduced-motion), le redimensionnement du texte jusqu'à 200% sans perte d'information, et le langage simple et clair.
L'accessibilité améliore aussi votre SEO
Google favorise les sites accessibles car ils sont mieux structurés, plus rapides et offrent une meilleure expérience utilisateur. Les balises alt, la structure sémantique et les performances sont des critères communs au SEO et à l'accessibilité.
Chez YMHB, nous intégrons les bonnes pratiques d'accessibilité dans chaque projet. Notre site utilise des contrastes conformes WCAG AA, des zones tactiles de 44px, le support de prefers-reduced-motion et une navigation au clavier complète. Demandez un audit d'accessibilité.
