Accessibilité web et European Accessibility Act : le guide pratique pour se mettre en conformité en 2026

Introduction

Depuis le 28 juin 2025, l’European Accessibility Act (EAA) est officiellement en vigueur dans toute l’Union européenne. Cette directive impose aux entreprises de rendre leurs produits et services numériques — y compris leurs sites web et applications — accessibles aux personnes en situation de handicap.

En France, 12 millions de personnes vivent avec un handicap, soit près de 20% de la population. À l’échelle européenne, ce sont 87 millions de citoyens concernés. Ignorer l’accessibilité, c’est non seulement exclure une partie significative de votre audience, mais c’est désormais aussi risquer des sanctions financières pouvant atteindre 75 000€.

Pourtant, selon le WebAIM Million Report 2025, 96,3% des pages d’accueil analysées contenaient au moins une erreur d’accessibilité détectable automatiquement. Ce guide vous donne une feuille de route claire et actionnable pour vous mettre en conformité.

Qu’est-ce que l’European Accessibility Act ?

Le cadre légal

L’EAA (Directive 2019/882) est une directive européenne transposée en droit national dans chaque État membre. Elle s’applique aux :

• Sites web et applications mobiles
• Services de commerce électronique
• Services bancaires en ligne
• Services de transport (billetterie, information voyageur)
• Livres numériques et liseuses
• Services de communication électronique

Qui est concerné ?

Toutes les entreprises proposant des services numériques aux consommateurs dans l’UE, à l’exception des micro-entreprises de moins de 10 salariés avec un chiffre d’affaires inférieur à 2 millions d’euros. Si votre site vend des produits, prend des rendez-vous en ligne ou offre un service numérique, vous êtes probablement concerné.

Les sanctions

Les sanctions varient selon les pays, mais en France :

• Amendes pouvant aller jusqu’à 75 000€ par infraction
• Obligation de mise en conformité sous astreinte
• Publication de la non-conformité (atteinte à l’image)
• Actions en justice par les associations et particuliers

WCAG 2.1 AA : la norme à atteindre

L’EAA s’appuie sur les Web Content Accessibility Guidelines (WCAG) 2.1, niveau AA. Ces directives s’organisent autour de 4 principes fondamentaux, souvent résumés par l’acronyme POUR :

1. Perceptible

L’information doit être présentée de manière à être perçue par tous les sens disponibles.

Les erreurs les plus courantes :

• Images sans texte alternatif : c’est l’erreur n°1 détectée sur le web. Chaque image informative doit avoir un attribut alt descriptif.

`html

`

• Contraste insuffisant : le texte doit avoir un ratio de contraste d’au moins 4,5:1 par rapport au fond (3:1 pour les gros textes). Utilisez un outil comme WebAIM Contrast Checker pour vérifier.

• Vidéos sans sous-titres : toute vidéo avec du contenu audio doit être sous-titrée. Les sous-titres automatiques de YouTube ne suffisent pas — ils doivent être vérifiés et corrigés.

2. Utilisable

L’interface doit être navigable et utilisable par tous, y compris au clavier et avec des technologies d’assistance.

Les points critiques :

• Navigation au clavier : chaque élément interactif (liens, boutons, formulaires) doit être accessible via la touche Tab. L’ordre de tabulation doit suivre la logique visuelle.

`css

/* ❌ Ne jamais faire ça */

*:focus {

outline: none;

}

/* ✅ Personnalisez le focus, ne le supprimez pas */

*:focus-visible {

outline: 3px solid #4A90D9;

outline-offset: 2px;

border-radius: 4px;

}

`

• Cibles tactiles suffisantes : les boutons et liens doivent mesurer au minimum 44x44 pixels pour être facilement cliquables, notamment sur mobile.

• Pas de piège au clavier : un utilisateur naviguant au clavier ne doit jamais se retrouver "coincé" dans un élément (modal, menu déroulant, carrousel).

3. Compréhensible

Le contenu et le fonctionnement de l’interface doivent être compréhensibles.

Les bonnes pratiques :

• Langue de la page déclarée : ajoutez l’attribut lang sur la balise . C’est indispensable pour les lecteurs d’écran.

`html

`

• Étiquettes de formulaire explicites : chaque champ doit avoir un associé, pas juste un placeholder.

`html

Adresse email

`

• Messages d’erreur clairs : les erreurs de formulaire doivent expliquer précisément le problème et comment le corriger, pas juste "Erreur dans le formulaire".

4. Robuste

Le contenu doit être compatible avec les technologies d’assistance actuelles et futures.

Les essentiels :

• HTML sémantique : utilisez les bonnes balises pour le bon usage.

`html

Contact

Envoyer

Envoyer

`

• Attributs ARIA quand nécessaire : utilisez les rôles et propriétés ARIA pour enrichir la sémantique quand le HTML natif ne suffit pas.

`html

aria-expanded="false"

aria-controls="main-nav"

aria-label="Ouvrir le menu de navigation"

>

`

Checklist de conformité : les 15 points essentiels

Voici une checklist actionnable pour vérifier la conformité de votre site :

Contenu visuel

• Toutes les images informatives ont un texte alternatif pertinent
• Les vidéos ont des sous-titres vérifiés
• Le contraste texte/fond respecte le ratio 4,5:1 minimum
• L’information n’est jamais transmise uniquement par la couleur

Navigation

• Tout le site est navigable au clavier (Tab, Entrée, Échap)
• L’indicateur de focus est visible et personnalisé
• L’ordre de tabulation est logique
• Un lien "Aller au contenu principal" est présent en haut de page

Formulaires

• Chaque champ a un label explicite associé
• Les erreurs sont décrites clairement avec des suggestions de correction
• Les champs obligatoires sont indiqués (pas uniquement par un astérisque rouge)

Structure et sémantique

• La hiérarchie des titres est logique (H1 → H2 → H3, sans sauter de niveaux)
• La langue de la page est déclarée (lang="fr")
• Les landmarks ARIA ou balises sémantiques structurent la page
• Le site est responsive et utilisable à 200% de zoom

Les outils pour tester l’accessibilité

Outils automatisés (détectent ~30% des problèmes)

• axe DevTools (extension Chrome/Firefox) : le standard de l’industrie, gratuit
• WAVE (wave.webaim.org) : analyse visuelle des erreurs
• Lighthouse (intégré à Chrome) : audit d’accessibilité dans l’onglet Performance
• Pa11y : outil en ligne de commande pour l’intégration CI/CD

Tests manuels (indispensables pour les 70% restants)

• Navigation au clavier : parcourez tout votre site uniquement avec Tab, Entrée et Échap
• Lecteur d’écran : testez avec VoiceOver (Mac), NVDA (Windows) ou TalkBack (Android)
• Zoom 200% : vérifiez que tout reste lisible et fonctionnel
• Mode contraste élevé : activez-le dans les paramètres de votre OS

Audit professionnel

Un audit automatisé ne détecte qu’environ 30% des problèmes d’accessibilité. Pour une conformité réelle, un audit manuel par un expert est recommandé. Il coûte entre 2 000€ et 8 000€ selon la taille du site, mais c’est un investissement qui vous protège juridiquement.

L’accessibilité comme avantage concurrentiel

Au-delà de la conformité légale, l’accessibilité est un levier business puissant :

1. Un marché de 87 millions de personnes

Les personnes en situation de handicap et leurs proches représentent un pouvoir d’achat de plus de 1 000 milliards d’euros en Europe. Un site inaccessible, c’est un marché ignoré.

2. Un meilleur SEO

L’accessibilité et le SEO partagent de nombreux critères communs : HTML sémantique, textes alternatifs, structure de titres logique, contenu lisible. Un site accessible est naturellement mieux référencé.

3. Une meilleure UX pour tous

Les améliorations d’accessibilité bénéficient à tous les utilisateurs :

• Les sous-titres servent aussi dans les transports en commun
• Le bon contraste aide quand on lit en plein soleil
• La navigation au clavier est plus rapide pour les utilisateurs avancés
• Les labels de formulaire clarifient les attentes pour tout le monde

4. Une image de marque positive

Démontrer votre engagement pour l’inclusion renforce votre image de marque. Les consommateurs, surtout les jeunes générations, privilégient les entreprises responsables.

Plan d’action : se mettre en conformité en 4 semaines

Semaine 1 : Audit initial

• Lancez un scan automatique avec axe DevTools sur toutes vos pages
• Testez la navigation au clavier sur les parcours critiques
• Listez toutes les erreurs identifiées et classez-les par sévérité

Semaine 2 : Corrections critiques

• Ajoutez les textes alternatifs manquants
• Corrigez les problèmes de contraste
• Ajoutez les labels de formulaire
• Restaurez les indicateurs de focus

Semaine 3 : Corrections structurelles

• Corrigez la hiérarchie des titres
• Ajoutez les landmarks ARIA
• Rendez les composants interactifs (modals, menus) accessibles au clavier
• Ajoutez un lien "Aller au contenu"

Semaine 4 : Validation et documentation

• Relancez l’audit automatisé pour vérifier les corrections
• Effectuez un test complet au lecteur d’écran
• Rédigez votre déclaration d’accessibilité (obligatoire)
• Mettez en place un processus de test continu

Conclusion

L’accessibilité web n’est plus une option ni un "nice to have". C’est une obligation légale, un avantage concurrentiel et surtout une responsabilité éthique. Avec l’EAA en vigueur, les entreprises qui tardent à se mettre en conformité s’exposent à des sanctions, mais surtout se privent d’une audience considérable.

La bonne nouvelle : la plupart des corrections d’accessibilité sont simples et peu coûteuses. Il suffit souvent de bonnes pratiques de développement et d’une attention systématique à l’inclusion.

Ne voyez pas l’accessibilité comme une contrainte. Voyez-la comme ce qu’elle est : la garantie que votre site fonctionne pour tout le monde.

Votre site est-il conforme à l’European Accessibility Act ? Réservez un audit d’accessibilité — je vous fournirai un rapport détaillé avec un plan d’action priorisé pour atteindre la conformité WCAG 2.1 AA.