WCAG
Définition
Web Content Accessibility Guidelines. Standard international d'accessibilité web maintenu par le W3C. Base du RGAA et de la directive européenne accessibilité.
Le standard international
Les WCAG (Web Content Accessibility Guidelines) sont les recommandations internationales d'accessibilité web maintenues par le W3C, plus précisément par le WAI (Web Accessibility Initiative). Elles servent de socle à la quasi-totalité des réglementations nationales : RGAA en France, Section 508 aux États-Unis, EN 301 549 en Europe, Equality Act au Royaume-Uni, ADA américain. La version actuelle WCAG 2.2 (publiée en octobre 2023) ajoute 9 nouveaux critères à WCAG 2.1, notamment sur la navigation au clavier et les cibles tactiles. WCAG 3, en cours de rédaction, sortira d'ici quelques années avec une approche plus orientée score.
Les quatre principes
Les WCAG s'articulent autour de quatre principes appelés POUR : Perceptible (l'information doit être perceptible par tous les sens, avec alternatives textuelles, sous-titres, contrastes), Utilisable (l'interface doit être manipulable par tous, clavier, temps suffisant, pas de contenu épileptique), Compréhensible (les contenus et fonctionnements doivent être clairs, prévisibles, avec aide à la saisie), Robuste (le code doit être compatible avec les technologies d'assistance actuelles et futures). Chaque principe se décline en directives, puis en critères de succès testables, avec des techniques recommandées pour les valider.
Les trois niveaux
Les WCAG définissent trois niveaux de conformité. Niveau A : exigences minimales, sans lesquelles certains utilisateurs sont totalement bloqués (alt sur images informatives, contraste minimum, pas de clignotements épileptiques). Niveau AA : standard international visé par la majorité des réglementations, qui couvre la grande majorité des besoins (contraste 4,5:1, redimensionnement texte 200%, navigation cohérente). Niveau AAA : niveau le plus exigeant, parfois impossible à atteindre sur certains contenus (langue des signes pour tous les vidéos préenregistrées, contraste 7:1, expressions idiomatiques expliquées). Le niveau AA est le bon objectif pour 99% des projets.
Quand l'utiliser
Tout site professionnel devrait viser au minimum WCAG 2.1 niveau AA. Pour les sites publics, les sites bancaires, les sites e-commerce d'une certaine taille, et désormais les sites du secteur privé dans l'UE (European Accessibility Act qui s'applique depuis juin 2025), c'est devenu une obligation légale. Au-delà du cadre légal, viser ce niveau ouvre votre service à environ 15% de la population qui a une forme de handicap (visuel, moteur, cognitif, auditif), et améliore aussi l'expérience pour tous : navigation clavier plus rapide pour les power users, contrastes meilleurs sur mobile en plein soleil, structure claire pour le SEO.
Les critères qui comptent le plus
Parmi les 86 critères de WCAG 2.2, quelques-uns reviennent en pratique. Le contraste texte/fond (4,5:1 pour texte normal, 3:1 pour grand texte). Les alternatives textuelles sur images (alt descriptif si informative, alt vide si décorative). La navigation au clavier complète avec focus visible. Les labels explicites sur tous les champs de formulaire. La hiérarchie de titres logique (h1 unique, pas de sauts h2 vers h4). Les composants ARIA corrects sur les widgets riches (modal, dropdown, tabs). Le redimensionnement texte jusqu'à 200% sans casser la mise en page. Ces critères couvrent l'essentiel de ce qu'on rencontre sur un site web classique.
Les outils et la validation
On combine outils automatisés et tests manuels. Les outils auto (axe-core, Wave, Lighthouse Accessibility) détectent environ 30% des problèmes : contrastes, alt manquants, ARIA mal formé. Le reste demande des tests humains : navigation clavier complète (Tab, Shift+Tab, Enter, Space, flèches), test au lecteur d'écran (NVDA sur Windows, VoiceOver sur Mac), test avec zoom 200% et 400%, test en mode contraste élevé. Pour la production, on intègre axe-core en CI pour attraper les régressions, et on planifie un audit manuel complet par cycle de release majeure. Storybook avec a11y addon permet aussi de tester chaque composant isolément.