Web Accessibility Initiative (WAI) : Définition, WCAG, Guides
WAI est l'initiative W3C produisant les standards accessibilité — WCAG, ARIA, ATAG, UAAG. La source autoritative pour guidelines accessibilité web.
Qu'est-ce que la Web Accessibility Initiative (WAI) ?
La Web Accessibility Initiative (WAI) est l'initiative W3C qui produit les standards, guidelines et resources pour l'accessibilité web. WAI publie les Web Content Accessibility Guidelines (WCAG) — le standard global adopté par des lois comme ADA (US), EAA (EU), AODA (Ontario).
WAI a été lancée en 1997 par Tim Berners-Lee.
Ce que WAI publie
| Standard | Audience | But |
|---|---|---|
| WCAG | Authors contenu web / devs | Rendre pages web accessibles |
| ARIA | Developers web app | Rendre UIs dynamiques accessibles |
| ATAG | CMS / authors editor | Rendre authoring tools accessibles |
| UAAG | Vendors navigateur / media player | Rendre user agents accessibles |
| WCAG-EM | Auditors / testers | Comment évaluer sites pour compliance |
| EARL | Tools / reporting | Format standard pour results |
WCAG : le standard central
WCAG est ce que la plupart des gens veulent dire quand ils disent "standards accessibilité web". Construit autour de 4 principes (POUR) :
- Perceivable
- Operable
- Understandable
- Robust
Niveaux conformité WCAG
| Niveau | Ce qu'il couvre | Required par |
|---|---|---|
| A (le plus bas) | Accessibilité essentielle | Bar minimum |
| AA (mid) | La plupart des lois + standard commun | ADA, EAA, AODA |
| AAA (le plus haut) | Accessibilité la plus haute | Certains contextes spécialisés |
ARIA : rendre UIs dynamiques accessibles
<div role="tablist">
<button role="tab" aria-selected="true">Profile</button>
</div>
<div aria-live="polite">Saved successfully</div>Resources WAI que chaque dev devrait connaître
| Resource | Ce que c'est |
|---|---|
| WCAG 2.1 Quick Reference | Success criteria recherchable |
| WAI-ARIA Authoring Practices Guide | Patterns pour widgets |
| How to Meet WCAG | Checklist customizable |
| Web Accessibility Tutorials | Apprentissage topic-based |
| Easy Checks | Audit basique 5 minutes |
| WAI Curricula | Lessons pour enseigner |
Pourquoi WAI / WCAG importe
- Compliance légale.
- Audience plus large.
- Bénéfice SEO.
- Contrats gouvernement.
- Meilleure UX pour tous.
- Required par procurement.
Misconceptions courantes
- "Accessibilité = seulement utilisateurs aveugles".
- "Un widget overlay nous rend compliant".
- "Les tests automatisés catchent tout".
- "WCAG est seulement pour grands sites".
- "WCAG est voluntaire".
Pièges compliance WCAG courants
- Alt text manquant.
- Contraste couleur insuffisant.
- Inaccessible au clavier.
- Pas d'indicateur focus.
- Champs form sans labels.
- Links/boutons vides.
- Vidéo auto-playing avec audio.
- Attribut language manquant.
FAQ : WAI / WCAG
WCAG est-il légalement requis ?
Dans beaucoup de juridictions, oui.
Version WCAG : 2.0, 2.1, 2.2 ou 3.0 ?
2.1 est le requirement widespread actuel.
Différence entre WAI et W3C ?
W3C = body des standards. WAI = l'initiative accessibilité.
Les overlays accessibilité sont-ils compliant ?
Généralement non.
Comment je commence avec WAI / WCAG ?
Lire "Easy Checks".
Qu'est-ce que l'EAA ?
European Accessibility Act, enforced juin 2025.
Le testing automatisé est-il suffisant ?
Non — catche ~30% des issues.
Testez accessibilité + performance avec LoadFocus
LoadFocus exécute des audits Lighthouse depuis 25+ régions. Inscrivez-vous sur loadfocus.com/signup.
Outils LoadFocus connexes
Mettez ce concept en pratique avec LoadFocus — la plateforme même qui propulse tout ce que vous venez de lire.