Qu'est-ce que le WCAG 2.2 ?
Les WCAG 2.2 (Web Content Accessibility Guidelines 2.2) sont publiées par le W3C en octobre 2023. Ils constituent le standard international de référence pour rendre les contenus web accessibles aux personnes handicapées. Ils sont rétrocompatibles avec les WCAG 2.0 et 2.1 et ajoutent 9 nouveaux critères de succès.
À noter : Le RGAA 4.1 français est basé sur les WCAG 2.1. AccessiCheck teste les deux versions simultanément pour une conformité maximale.
Les 4 principes fondamentaux (POUR)
1. Perceptible
Les informations et les composants de l'interface doivent être perçus par tous. Exemples : alternatives textuelles pour les images, sous-titres pour les vidéos, contraste de couleurs suffisant (ratio ≥ 4.5:1 pour le texte normal).
2. Utilisable
Les composants de l'interface et la navigation doivent être utilisables par tous. Exemples : toutes les fonctionnalités accessibles au clavier, focus clavier visible, délais ajustables, pas de contenu clignotant plus de 3 fois par seconde.
3. Compréhensible
Les informations et le fonctionnement de l'interface doivent être compréhensibles. Exemples : langue de la page déclarée, navigation cohérente, messages d'erreur explicatifs.
4. Robuste
Le contenu doit être interprétable par une large gamme de technologies d'assistance. Exemples : code HTML valide, attributs ARIA corrects, compatibilité lecteurs d'écran.
Les 9 nouveaux critères WCAG 2.2
| Critère | Titre | Niveau | Ce qui change |
|---|---|---|---|
| 2.4.11 | Focus Not Obscured (Minimum) | AA | Le focus clavier ne doit pas être entièrement caché (sticky headers, modals) |
| 2.4.12 | Focus Not Obscured (Enhanced) | AAA | Le focus ne doit pas être partiellement caché |
| 2.4.13 | Focus Appearance | AAA | Zone minimale et contraste suffisant pour le focus |
| 2.5.7 | Dragging Movements | AA | Alternative aux gestes de glisser-déposer |
| 2.5.8 | Target Size (Minimum) | AA | Cibles interactives ≥ 24×24 pixels CSS |
| 3.2.6 | Consistent Help | A | Aide cohérente au même endroit sur toutes les pages |
| 3.3.7 | Redundant Entry | A | Ne pas redemander une info déjà saisie dans la session |
| 3.3.8 | Accessible Authentication (Minimum) | AA | Pas de test cognitif pour l'auth sans alternative |
| 3.3.9 | Accessible Authentication (Enhanced) | AAA | Version renforcée du 3.3.8 |
Niveaux de conformité WCAG
- Niveau A — minimum absolu, barrières totales pour certains utilisateurs
- Niveau AA — standard recommandé, exigé par la plupart des législations (RGAA, Section 508, EN 301 549)
- Niveau AAA — niveau maximal, non imposé légalement
Comment tester la conformité WCAG 2.2 ?
- Audit automatique avec AccessiCheck (axe-core, Pa11y, Lighthouse)
- Test au clavier — naviguer sans souris sur l'ensemble du site
- Test avec lecteur d'écran — NVDA, VoiceOver, TalkBack
- Vérification du contraste — mesure des ratios couleur
- Test avec zoom 200% — contenu lisible et fonctionnel
AccessiCheck automatise les étapes 1 et 4, et indique quels critères nécessitent une vérification manuelle.