WCAG 2.1 AA : le guide du débutant pour comprendre les critères
Les 4 principes POUR des WCAG 2.1
Les WCAG (Web Content Accessibility Guidelines) 2.1 sont organisées autour de 4 principes mnémotechniques : POUR — Perceptible, Utilisable, Compréhensible, Robuste.
Perceptible
Toute information doit pouvoir être perçue par au moins un sens. Exemples : alternatives textuelles pour les images, sous-titres pour les vidéos, contenu adaptable sans perte d'information.
Utilisable
L'interface doit être utilisable par tout dispositif d'entrée. Exemples : navigation au clavier complète, pas de contenu clignotant dangereux, délais de saisie suffisants.
Compréhensible
Le contenu et les interactions doivent être compréhensibles. Exemples : langue de la page déclarée, messages d'erreur explicites, navigation cohérente entre pages.
Robuste
Le contenu doit fonctionner avec les technologies d'assistance actuelles et futures. Exemples : HTML valide, attributs ARIA corrects, nom accessible pour chaque composant.
Les niveaux A, AA et AAA
- Niveau A (25 critères) : minimum absolu, sans lequel le site est inutilisable pour certains
- Niveau AA (25 critères supplémentaires) : niveau légalement exigé en France (RGAA)
- Niveau AAA (23 critères) : excellence, impossible à atteindre pour tous les contenus
Les 10 critères WCAG 2.1 AA les plus souvent enfreints
- 1.1.1 — Images sans alt ou alt vide pour images informatives
- 1.4.3 — Contraste insuffisant (ratio < 4,5:1)
- 2.4.7 — Focus non visible au clavier
- 3.3.2 — Formulaires sans labels associés
- 4.1.2 — Boutons et liens sans nom accessible
- 1.3.1 — Structure HTML non sémantique (pas de titres, listes, tableaux)
- 2.1.1 — Fonctionnalités inaccessibles au clavier
- 3.1.1 — Langue de la page non déclarée
- 2.4.3 — Ordre de focus illogique
- 1.4.4 — Texte non redimensionnable jusqu'à 200%