Live · status OK
Retour au blog
Maintenance13 min

Accessibilité web et European Accessibility Act 2025 : guide WCAG 2.2

TL;DR

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.

Julien Daniel
ParJulien Daniel
Founder & CTO, OptionWeb
Partager
Symbole accessibilité avec checklist WCAG 2.2 et drapeau européen

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 B2CToute boutique en ligne vendant à des consommateurs en UE (Shopify, WooCommerce, Magento, custom)
  • Services bancaires en ligneSites et apps des banques, néobanques, services de paiement
  • Transport voyageursSites de billetterie, info trafic, applications de mobilité
  • TélécommunicationsOpérateurs téléphone/internet, sites de souscription et gestion compte
  • Services numériquesSaaS, 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èreNiveauImpact
Alt text sur toutes les imagesACritique — sans alt, image invisible aux lecteurs d'écran
Contraste texte 4.5:1 (3:1 large)AACritique — affecte malvoyants ET vue normale en plein soleil
Navigation clavier complèteACritique — 5% des utilisateurs ne peuvent pas utiliser souris
Focus visible (focus ring 2-4px)AACritique — sans focus ring, navigation clavier impossible
Labels associés aux inputsACritique — formulaires inutilisables sans labels
ARIA roles/labels sur composants customACritique — modals, dropdowns, accordions
Hiérarchie de headings logiqueAImportant — H1→H2→H3 sans saut H2→H4
Texte redimensionnable jusqu'à 200%AAImportant — pas de débordement, pas de scroll horizontal
Target size minimum 24×24 CSS pixelsAA (2.2)Nouveau 2.2 — boutons et liens cliquables
Authentification accessibleAA (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 :

  1. Audit automatique — couvre 30-40% des problèmes en 30 minutes
  2. Audit manuel — couvre les 60-70% restants en 4-8 heures
  3. Tests utilisateurs réels — validation finale avec personnes en situation de handicap
OutilTypePrixCouverture
axe DevToolsAuto (extension)GratuitExcellent, +10% en pro
Lighthouse a11yAuto (Chrome)GratuitBon, intégré DevTools
WAVEAuto (extension)GratuitBon, visualisation des erreurs
Pa11y CLIAuto (CI/CD)GratuitExcellent pour automation
NVDALecteur écranGratuit (Windows)Standard pour audit manuel
VoiceOverLecteur écranInclus macOS/iOSStandard Apple
StarkAudit pro8-30 $/moisPlugin Figma + audit live
Tenon.ioAudit API0,02 $/scanPour 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 :

  1. Ajouter alt text descriptif à toutes les images de contenu (alt vide pour décoratives)
  2. Vérifier contraste 4.5:1 sur tout le texte (Stark, axe ou Color Contrast Analyser)
  3. Tester navigation clavier complète : Tab + Shift+Tab + Enter + Espace + flèches
  4. Ajouter focus rings visibles 2-4px (jamais outline: none sans alternative)
  5. Associer chaque <input> à un <label for> ou <label> englobant
  6. Ajouter ARIA roles/labels sur composants custom (modal, dropdown, tabs)
  7. Vérifier hiérarchie headings : H1 unique par page, ordre logique sans saut
  8. Permettre zoom 200% sans débordement ni scroll horizontal
  9. Convertir target size en min 24×24 CSS pixels (boutons, liens cliquables)
  10. 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
components/SkipLink.tsxtsx
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é atteintTotalement conforme / Partiellement conforme / Non conforme
  • Méthodologie d'évaluationAudit interne ou externe, outils utilisés, date de l'audit
  • Référentiels appliquésWCAG 2.2 AA, EN 301 549, RGAA si France
  • Liste des contenus non accessibles connusAvec calendrier de mise en conformité
  • Contenus exemptésSi applicable (charge disproportionnée, archives) avec justification
  • Coordonnées de contactEmail/formulaire pour demander une version accessible
  • Voie de recoursMention 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 :

PaysSanctions maxAutorité
FranceJusqu'à 50 000 € par non-conformité (RGAA + EAA)ARCOM, DGCCRF
BelgiqueVariable selon Région (Wallonie, Flandre, Bruxelles)Commission EAA fédérale
AllemagneJusqu'à 100 000 € (BFSG)Marktüberwachungsbehörden
EspagneJusqu'à 600 000 € (LGCA)Ministerio de Asuntos Económicos
ItalieJusqu'à 5% du CA (Stanca Act + EAA)AgID
Pays-BasVariable selon ACMAutoriteit Consument & Markt

Risques connexes souvent plus coûteux que l'amende :

  • Action de groupePossible en France et Belgique, dommages cumulatifs potentiellement importants
  • Perte de marchés publicsClauses d'accessibilité obligatoires dans les appels d'offres
  • Atteinte réputationListes publiques de sites non-conformes par associations (APF, Valentin Haüy)
  • Perte d'audience15-20% de la population européenne en situation de handicap

Checklist de conformité 2026

  • Applicabilité EAA confirméeVérification scope + exemption microentreprise
  • Audit complet réaliséAuto + manuel + tests utilisateurs sur 12 mois
  • Top 10 corrections appliquéesAlt, contraste, focus, labels, ARIA, hiérarchie, zoom, target, skip link
  • Déclaration d'accessibilité publiéePage dédiée, lien footer, mise à jour annuelle
  • Tests intégrés CI/CDjest-axe ou Playwright + axe-core sur chaque PR
  • Formation équipes éditorialesRédaction d'alt text, contraste, structure
  • Audit externe annuel programméValidation par expert tiers
Tags#accessibilite#eaa#wcag#a11y#compliance#rgaa