WCAG 2.2, Directives

Guide pratique, prêt pour les développeurs, sur WCAG 2.2 – nouveautés, quoi construire et comment tester.

Dernière révision : 25 août 2026.

Checklist WCAG 2.2 par niveau et équipe

Utilisez cette checklist pour examiner les exigences par niveau de conformité (A, AA, AAA) et par domaine de travail (Design, Développement, Contenu).

ExigenceExplication en langage clairComment testerErreur fréquenteComment corrigerRessource GetWCAG associée
AADesign
2.5.8 Taille de cible (minimum) – AA
Cibles d’au moins 24×24 px CSS ou espacement suffisant.Contrôles pointeur : 24×24 ou espacement ; pas de glisser obligatoire. (2.5.7/2.5.8)Primary buttons and icon-only controls are too small on mobile.Increase interactive target size to at least 24x24 CSS px or add spacing.Vérificateur de contraste couleur
AADevelopment
2.4.11 Focus non masqué (minimum) – AA
Les éléments au focus doivent être au moins partiellement visibles (éviter que l’UI collante masque le focus).Parcours clavier : focus visible et non masqué. (2.4.11)Sticky headers hide focused links or form controls.Adjust scroll offset and sticky layouts so focused elements remain visible.bibliothèque de tests de conformité WCAG 2.2
AADevelopment
2.5.7 Mouvements de glisser – AA
Fournir une alternative à pointeur unique au glisser (ex. boutons pour déplacer/redimensionner).Contrôles pointeur : 24×24 ou espacement ; pas de glisser obligatoire. (2.5.7/2.5.8)Drag-and-drop is required with no keyboard or tap alternative.Provide add/remove, reorder, or move buttons as single-pointer alternatives.bibliothèque de tests de conformité WCAG 2.2
AAContent
3.3.8 Authentification accessible (minimum) – AA
Éviter les tests cognitifs ; autoriser gestionnaires de mots de passe, copier/coller, passkeys, etc.Auth : autoriser coller & gestionnaires ; proposer passkeys/lien e-mail. (3.3.8)Login flow blocks password manager paste and passkeys.Allow paste/autofill and provide authentication methods without cognitive tests.Audits manuels d’accessibilité réalisés par un expert
AContent
3.2.6 Aide cohérente – A
Conserver les mécanismes d’aide à un emplacement cohérent d’une page à l’autre.Parcours multi-étapes : conserver les données ; aide positionnée de façon cohérente. (3.3.7 / 3.2.6)Help links or support actions move between templates.Keep support entry points in a consistent location across key pages.Tout sur l’Acte
AAADesign
2.4.13 Apparence du focus – AAA
Indicateur de focus clair avec contraste suffisant.Parcours clavier : focus visible et non masqué. (2.4.11)Focus ring blends into backgrounds and components.Increase focus indicator thickness and contrast against adjacent colors.Vérificateur de contraste couleur

Quoi de neuf dans WCAG 2.2

WCAG 2.2 ajoute 9 nouveaux critères de succès et supprime 4.1.1 Parsing. La conformité 2.2 implique 2.1/2.0 (rétrocompatible). [1]

  • 2.4.11 Focus non masqué (minimum) – AA
    Les éléments au focus doivent être au moins partiellement visibles (éviter que l’UI collante masque le focus). [2]
  • 2.4.12 Focus non masqué (renforcé) – AAA
    L’élément au focus est entièrement visible. [3]
  • 2.4.13 Apparence du focus – AAA
    Indicateur de focus clair avec contraste suffisant. [4]
  • 2.5.7 Mouvements de glisser – AA
    Fournir une alternative à pointeur unique au glisser (ex. boutons pour déplacer/redimensionner). [5]
  • 2.5.8 Taille de cible (minimum) – AA
    Cibles d’au moins 24×24 px CSS ou espacement suffisant. [6]
  • 3.2.6 Aide cohérente – A
    Conserver les mécanismes d’aide à un emplacement cohérent d’une page à l’autre. [7]
  • 3.3.7 Saisie redondante – A
    Ne pas exiger la ressaisie dans des parcours multi-étapes ; préremplir ou proposer « utiliser précédent ». [8]
  • 3.3.8 Authentification accessible (minimum) – AA
    Éviter les tests cognitifs ; autoriser gestionnaires de mots de passe, copier/coller, passkeys, etc. [9]
  • 3.3.9 Authentification accessible (renforcée) – AAA
    Même intention, couverture plus stricte. [10]

Checklist AA (construire & tester)

Couvrir ces domaines AA à fort impact, y compris les nouveautés 2.2.

Focus & clavier

  • Tous les contrôles accessibles via Tab/Shift+Tab ; aucun piège.
  • Contour :focus-visible apparent avec bon contraste. (2.4.11/2.4.13) [11]
  • L’élément au focus n’est pas masqué par des en-têtes/pieds collants. (2.4.11) [12]

Pointeur & taille de cible

  • Alternative au glisser pour toute fonctionnalité. (2.5.7) [13]
  • Cibles ≥ 24×24 px CSS ou espacement suffisant. (2.5.8) [14]

Formulaires & authentification

  • Libellés explicites ; erreurs utiles ; état programmatique.
  • Ne pas redemander la même info dans un même processus. (3.3.7) [15]
  • Autoriser coller/gestionnaires/passkeys ; éviter les tests cognitifs. (3.3.8) [16]

Aide & processus

  • Placer l’aide ou le contact de manière cohérente. (3.2.6) [17]
  • Des pages entières et des processus complets doivent atteindre le niveau visé (pas seulement des écrans isolés). [18]

Conformité WCAG (comment l’atteindre)

  • Niveaux : A, AA, AAA. Les politiques visent généralement AA. [19]
  • Pages complètes & processus complets : chaque étape respecte le niveau. [20]
  • Technologies avec support d’accessibilité et aucun contenu violant les critères. [21]
  • Rétrocompatible : 2.2 étend 2.1/2.0 ; 4.1.1 supprimé. [22]

Parcours de test (pratique)

  1. Règles automatisées (GetWCAG) pour des détections rapides.
  2. Parcours clavier : focus visible et non masqué. (2.4.11) [23]
  3. Contrôles pointeur : 24×24 ou espacement ; pas de glisser obligatoire. (2.5.7/2.5.8) [24]
  4. Auth : autoriser coller & gestionnaires ; proposer passkeys/lien e-mail. (3.3.8) [25]
  5. Parcours multi-étapes : conserver les données ; aide positionnée de façon cohérente. (3.3.7 / 3.2.6) [26]

« Aucun problème automatique » ≠ conformité. Une revue manuelle est requise.

FAQ

Si j’atteins 2.2 AA, est-ce que j’atteins 2.1 AA ?

Oui – WCAG 2.2 s’ajoute à 2.1/2.0 (4.1.1 supprimé). [27]

AAA est-il obligatoire ?

Généralement non. Considérez AAA (p. ex. 2.4.12, 2.4.13, 3.3.9) comme des objectifs ambitieux, sauf obligation politique. [28]

Références officielles
  1. What’s new in WCAG 2.2 (W3C)
  2. Understanding 2.4.11
  3. Understanding 2.4.12
  4. Understanding 2.4.13
  5. Understanding 2.5.7
  6. Understanding 2.5.8
  7. Understanding 3.2.6
  8. Understanding 3.3.7
  9. Understanding 3.3.8
  10. Understanding 3.3.9
  11. Focus appearance guidance
  12. Focus not obscured guidance
  13. Dragging movements
  14. Target size minimum
  15. Redundant entry
  16. Accessible authentication (min)
  17. Consistent help
  18. Conformance basics
  19. WCAG overview
  20. Full pages & processes
  21. Accessibility-supported
  22. New in 2.2 / 4.1.1 note
  23. Keyboard sweep ref
  24. Pointer & target size
  25. Auth checks
  26. Process consistency
  27. 2.2 implies 2.1/2.0
  28. AAA context
WCAG 2.2, Guide pratique (accent AA)