La directive européenne : ce qui change en juin 2025
Depuis juin 2025, la directive européenne sur l'accessibilité des produits et services numériques (European Accessibility Act — EAA) s'applique à tous les acteurs du marché européen, secteur public et privé confondus. Ce n'est plus une recommandation : c'est une obligation légale dont le non-respect peut entraîner des sanctions financières.
Selon l'Organisation Mondiale de la Santé (OMS), 15 % de la population mondiale vit avec une forme de handicap — visuel, auditif, moteur ou cognitif. En France, cela représente environ 10 millions de personnes qui interagissent chaque jour avec des interfaces numériques souvent peu adaptées à leurs besoins.
La directive impose la conformité au référentiel WCAG 2.1 niveau AA (Web Content Accessibility Guidelines), publié par le W3C. Ce standard couvre quatre principes fondamentaux : Perceptible, Utilisable, Compréhensible et Robuste.
Comprendre WCAG 2.1 AA : les critères essentiels
Perceptible
L'information doit être présentée de façon à ce que tous les utilisateurs puissent la percevoir, quelle que soit leur capacité sensorielle :
- Textes alternatifs sur toutes les images (attribut
altdescriptif) - Sous-titres pour tous les contenus audio et vidéo
- Ratio de contraste minimum de 4,5:1 pour le texte normal, 3:1 pour le grand texte
- Redimensionnement possible jusqu'à 200 % sans perte de contenu
Utilisable
Les composants d'interface doivent être navigables par tous les moyens d'entrée :
- Navigation au clavier entièrement fonctionnelle (Tab, Entrée, Espace, flèches)
- Focus visible sur tous les éléments interactifs
- Aucun contenu clignotant plus de 3 fois par seconde (risque épilepsie)
- Titres de page descriptifs pour la navigation entre onglets
Compréhensible
Le contenu et l'interface doivent être compréhensibles :
- Langue de la page déclarée dans la balise
<html lang="fr"> - Libellés de formulaires explicites et associés aux champs via
<label for="..."> - Messages d'erreur clairs et suggestions de correction
- Comportements cohérents — pas de changement de contexte inattendu
Robuste
Le contenu doit être interprétable par les technologies d'assistance :
- HTML valide (pas d'éléments mal imbriqués, attributs requis présents)
- Rôles ARIA pour les composants custom (
role="button",aria-expanded,aria-label) - Compatibilité lecteurs d'écran (NVDA, JAWS, VoiceOver)
Notre approche chez ADRD Consulting
L'accessibilité n'est pas une option que nous ajoutons en fin de projet : c'est une contrainte de conception que nous intégrons dès les wireframes. Nos standards en production :
- Taille de touch target minimale de 44×44 px sur tous les éléments interactifs mobile (recommandation Apple et Google)
- Contraste systématiquement vérifié via l'outil Contrast Ratio de Lea Verou lors de la définition de la palette
- Attributs ARIA sur tous les composants Alpine.js (accordéons, modals, dropdowns)
- Skip navigation ("Aller au contenu principal") sur toutes les pages
- Score Lighthouse Accessibility ≥ 90 requis avant tout déploiement
- Audit manuel au clavier sur les parcours critiques (formulaires, checkout, navigation)
Les erreurs les plus fréquentes que nous corrigeons
Lors de nos audits d'accessibilité, voici les problèmes que nous rencontrons le plus souvent :
- Images sans attribut alt — ou avec des alt comme "image" ou le nom du fichier
- Boutons sans texte accessible — icônes seules sans
aria-label - Contrastes insuffisants — texte gris clair sur fond blanc, très fréquent
- Formulaires mal structurés — placeholder utilisé comme label (disparaît à la saisie)
- Focus invisible — supprimé par
outline: nonedans le CSS - Ordre de tabulation incohérent avec l'ordre visuel
- Modals sans gestion du focus — le lecteur d'écran ne sait pas où aller
Comment auditer votre site
Plusieurs outils permettent d'évaluer l'accessibilité de votre site :
- Lighthouse (intégré à Chrome DevTools) — audit automatique rapide
- axe DevTools (extension Chrome/Firefox) — analyse détaillée avec explications
- WAVE (WebAIM) — visualisation des problèmes directement sur la page
- Contrast Ratio Checker — vérification des couples couleur texte/fond
Attention : les outils automatiques détectent environ 30 à 40 % des problèmes d'accessibilité. Un audit complet nécessite aussi des tests manuels, notamment avec un lecteur d'écran.
Accessibilité et SEO : une synergie naturelle
Ce que peu d'agences mentionnent : accessibilité et SEO partagent de nombreuses bonnes pratiques. Les balises alt décrivent les images aux lecteurs d'écran ET aux robots Google. La hiérarchie des titres (H1, H2, H3) structure le contenu pour les utilisateurs handicapés ET pour l'indexation. Un site accessible est généralement un meilleur site au sens large.
Votre site est-il accessible ? ADRD Consulting propose des audits d'accessibilité complets avec rapport détaillé et plan de correction priorisé. Contactez-nous pour un premier diagnostic gratuit.