WCAG 2.2 — Directives

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

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)