Accessibilité web et European Accessibility Act 2025 : guide WCAG 2.2
L'EAA 2025 impose la conformité WCAG 2.2 niveau AA aux sites e-commerce, banques, transport, télécoms et services numériques en UE. Sanctions : amendes administratives jusqu'à plusieurs M€, retrait du marché. Audit obligatoire avant juin 2025 (rétroactif applicable). Stack 2026 : axe DevTools, Lighthouse a11y, lecture d'écran (NVDA, VoiceOver), navigation clavier complète, contraste 4.5:1, alt text, ARIA labels, formulaires labellisés.
Le 28 juin 2025, l'European Accessibility Act (Directive UE 2019/882) est entré en application après 5 ans de transition. Quasiment toutes les PME européennes opérant en ligne sont désormais concernées, et la conformité WCAG 2.2 niveau AA n'est plus une option. Voici ce qu'il faut savoir et faire en 2026 pour rester du bon côté de la loi — et pour rendre simplement votre site utilisable par les 87 millions d'Européens en situation de handicap.
1. Qu'est-ce que l'European Accessibility Act ?
L'EAA (Directive 2019/882) harmonise les règles d'accessibilité numérique dans l'Union européenne. Adoptée en 2019, transposée par les États membres entre 2020 et 2022, elle est entrée en application le 28 juin 2025 — avec rétroactivité pour les services existants.
Standard technique de référence : EN 301 549 v3.2.1, qui s'aligne directement sur WCAG 2.1 AA (extension WCAG 2.2 prévue en 2027). En pratique, en 2026, viser WCAG 2.2 AA est devenu le standard de l'industrie.
2. Qui est concerné en 2026 ?
Liste non-exhaustive des entreprises concernées par l'EAA :
- E-commerce B2C — Toute boutique en ligne vendant à des consommateurs en UE (Shopify, WooCommerce, Magento, custom)
- Services bancaires en ligne — Sites et apps des banques, néobanques, services de paiement
- Transport voyageurs — Sites de billetterie, info trafic, applications de mobilité
- Télécommunications — Opérateurs téléphone/internet, sites de souscription et gestion compte
- Services numériques — SaaS, plateformes de réservation, marketplaces, services audiovisuels
- Livres numériques et liseuses — Éditeurs ebooks, vendeurs de readers
Exemption microentreprise : entreprise de moins de 10 salariés ET moins de 2 millions € de CA annuel. Critères cumulatifs — dépasser un seul des deux = conformité obligatoire. Comme pour le RGPD, la conformité est une obligation incontournable pour tout site B2C en UE — les deux régimes se cumulent sans exception.
3. WCAG 2.2 niveau AA : 50 critères clés
WCAG 2.2 niveau AA comprend 50 critères de succès organisés en 4 principes : Perceptible, Utilisable, Compréhensible, Robuste (POUR). Les plus impactants pour une PME :
| Critère | Niveau | Impact |
|---|---|---|
| Alt text sur toutes les images | A | Critique — sans alt, image invisible aux lecteurs d'écran |
| Contraste texte 4.5:1 (3:1 large) | AA | Critique — affecte malvoyants ET vue normale en plein soleil |
| Navigation clavier complète | A | Critique — 5% des utilisateurs ne peuvent pas utiliser souris |
| Focus visible (focus ring 2-4px) | AA | Critique — sans focus ring, navigation clavier impossible |
| Labels associés aux inputs | A | Critique — formulaires inutilisables sans labels |
| ARIA roles/labels sur composants custom | A | Critique — modals, dropdowns, accordions |
| Hiérarchie de headings logique | A | Important — H1→H2→H3 sans saut H2→H4 |
| Texte redimensionnable jusqu'à 200% | AA | Important — pas de débordement, pas de scroll horizontal |
| Target size minimum 24×24 CSS pixels | AA (2.2) | Nouveau 2.2 — boutons et liens cliquables |
| Authentification accessible | AA (2.2) | Nouveau 2.2 — pas d'auth basée uniquement sur mémoire/cognition |
4. Audit accessibilité : outils et méthode
Méthodologie OptionWeb en 3 niveaux :
- Audit automatique — couvre 30-40% des problèmes en 30 minutes
- Audit manuel — couvre les 60-70% restants en 4-8 heures
- Tests utilisateurs réels — validation finale avec personnes en situation de handicap
| Outil | Type | Prix | Couverture |
|---|---|---|---|
| axe DevTools | Auto (extension) | Gratuit | Excellent, +10% en pro |
| Lighthouse a11y | Auto (Chrome) | Gratuit | Bon, intégré DevTools |
| WAVE | Auto (extension) | Gratuit | Bon, visualisation des erreurs |
| Pa11y CLI | Auto (CI/CD) | Gratuit | Excellent pour automation |
| NVDA | Lecteur écran | Gratuit (Windows) | Standard pour audit manuel |
| VoiceOver | Lecteur écran | Inclus macOS/iOS | Standard Apple |
| Stark | Audit pro | 8-30 $/mois | Plugin Figma + audit live |
| Tenon.io | Audit API | 0,02 $/scan | Pour devs, intégration custom |
5. Corrections prioritaires (par impact)
Top 10 corrections qui résolvent 80% des problèmes d'accessibilité sur un site PME :
- Ajouter alt text descriptif à toutes les images de contenu (alt vide pour décoratives)
- Vérifier contraste 4.5:1 sur tout le texte (Stark, axe ou Color Contrast Analyser)
- Tester navigation clavier complète : Tab + Shift+Tab + Enter + Espace + flèches
- Ajouter focus rings visibles 2-4px (jamais outline: none sans alternative)
- Associer chaque <input> à un <label for> ou <label> englobant
- Ajouter ARIA roles/labels sur composants custom (modal, dropdown, tabs)
- Vérifier hiérarchie headings : H1 unique par page, ordre logique sans saut
- Permettre zoom 200% sans débordement ni scroll horizontal
- Convertir target size en min 24×24 CSS pixels (boutons, liens cliquables)
- Skip link 'Aller au contenu principal' en début de page (visible au focus) — l'accessibilité interagit avec la performance, voir notre playbook Core Web Vitals pour optimiser INP qui impacte directement les utilisateurs en situation de handicap
export function SkipLink() {
return (
<a
href="#main-content"
className="absolute left-0 top-0 -translate-y-full bg-cyan-300 text-black px-4 py-2 z-[100] focus:translate-y-0 transition-transform"
>
Aller au contenu principal
</a>
);
}6. Déclaration d'accessibilité
Document obligatoire en page dédiée (lien dans le footer), à mettre à jour annuellement. Doit contenir :
- Niveau de conformité atteint — Totalement conforme / Partiellement conforme / Non conforme
- Méthodologie d'évaluation — Audit interne ou externe, outils utilisés, date de l'audit
- Référentiels appliqués — WCAG 2.2 AA, EN 301 549, RGAA si France
- Liste des contenus non accessibles connus — Avec calendrier de mise en conformité
- Contenus exemptés — Si applicable (charge disproportionnée, archives) avec justification
- Coordonnées de contact — Email/formulaire pour demander une version accessible
- Voie de recours — Mention du droit de saisir l'autorité compétente (ARCOM en France, défenseur des droits)
7. Sanctions et risques
Niveau de risque selon le pays :
| Pays | Sanctions max | Autorité |
|---|---|---|
| France | Jusqu'à 50 000 € par non-conformité (RGAA + EAA) | ARCOM, DGCCRF |
| Belgique | Variable selon Région (Wallonie, Flandre, Bruxelles) | Commission EAA fédérale |
| Allemagne | Jusqu'à 100 000 € (BFSG) | Marktüberwachungsbehörden |
| Espagne | Jusqu'à 600 000 € (LGCA) | Ministerio de Asuntos Económicos |
| Italie | Jusqu'à 5% du CA (Stanca Act + EAA) | AgID |
| Pays-Bas | Variable selon ACM | Autoriteit Consument & Markt |
Risques connexes souvent plus coûteux que l'amende :
- Action de groupe — Possible en France et Belgique, dommages cumulatifs potentiellement importants
- Perte de marchés publics — Clauses d'accessibilité obligatoires dans les appels d'offres
- Atteinte réputation — Listes publiques de sites non-conformes par associations (APF, Valentin Haüy)
- Perte d'audience — 15-20% de la population européenne en situation de handicap
Checklist de conformité 2026
- Applicabilité EAA confirmée — Vérification scope + exemption microentreprise
- Audit complet réalisé — Auto + manuel + tests utilisateurs sur 12 mois
- Top 10 corrections appliquées — Alt, contraste, focus, labels, ARIA, hiérarchie, zoom, target, skip link
- Déclaration d'accessibilité publiée — Page dédiée, lien footer, mise à jour annuelle
- Tests intégrés CI/CD — jest-axe ou Playwright + axe-core sur chaque PR
- Formation équipes éditoriales — Rédaction d'alt text, contraste, structure
- Audit externe annuel programmé — Validation par expert tiers
À lire ensuite
RGPD et site web en 2026 : guide de conformité pour PME européennes
Cookies, Consent Mode v2, transferts hors UE, DPO, registre des traitements, durées de conservation : tout ce qu'une PME doit configurer en 2026 pour rester conforme RGPD.
Next.js static export et Core Web Vitals : le playbook 2026
Toutes les optimisations appliquées sur les sites Next.js static export pour atteindre 95+ PageSpeed mobile : stratégie font, CSS, LCP, INP, CLS, pièges Framer Motion, hosting.
SEO technique d'un site statique Next.js : checklist complète 2026
Tout ce qu'il faut configurer techniquement pour qu'un site Next.js en static export atteigne 100/100 en SEO : metadata, JSON-LD, sitemap, hreflang, robots, Speakable, schémas avancés.
