Accessibilité
L'accessibilité est une qualité du produit, au même titre que sa fiabilité. Le système vise le niveau AA des WCAG 2.2 sur chaque composant, pour que les équipes produit en héritent sans effort supplémentaire.
Engagement
Chaque composant publié respecte le niveau AA : contraste, navigation clavier, nom accessible, gestion du focus, compatibilité avec les lecteurs d'écran. Un composant qui ne l'atteint pas reste en incubation.
Voir ou entendre
Alternatives textuelles, contrastes suffisants, contenu qui ne dépend pas de la seule couleur.
Agir
Tout au clavier, focus visible et jamais masqué, cibles assez grandes, pas de limite de temps piège.
Comprendre
Libellés clairs, comportement prévisible, erreurs expliquées avec leur correction.
Durer
HTML sémantique, ARIA seulement quand le natif ne suffit pas, compatibilité avec les technologies d'assistance.
Cadre légal et normatif
| Référence | Ce qu'il faut savoir |
|---|---|
| WCAG 2.2 | Recommandation du W3C publiée en octobre 2023. Référence technique internationale, niveaux A, AA et AAA. |
| RGAA 4.1 | Référentiel français, fondé sur les WCAG 2.1 niveau AA, avec une méthode de test par critère. |
| EN 301 549 | Norme européenne d'exigences d'accessibilité des produits et services numériques. |
| European Accessibility Act | Directive (UE) 2019/882, applicable depuis le 28 juin 2025 à de nombreux services, dont la banque et le commerce en ligne. |
Ce que change WCAG 2.2
La version 2.2 ajoute neuf critères. Ceux des niveaux A et AA concernent directement le système :
| Critère | Niveau | Réponse du système |
|---|---|---|
| 2.4.11 Focus non masqué | AA | En-tête collant pris en compte par scroll-padding-top. |
| 2.5.7 Mouvements de glissement | AA | Toute action par glisser a une alternative par simple clic (rail : boutons précédent / suivant). |
| 2.5.8 Taille des cibles (minimum) | AA | Cibles d'au moins 24 × 24 px, 36 px pour les boutons, 44 px recommandés. |
| 3.2.6 Aide cohérente | A | Le lien de contact est au même endroit sur toutes les pages (pied de page). |
| 3.3.7 Saisie redondante | A | Pattern Formulaires : ne jamais redemander une donnée connue. |
| 3.3.8 Authentification accessible | AA | Pas de test cognitif ; copier-coller et gestionnaires de mots de passe autorisés. |
Le critère 4.1.1 « Analyse syntaxique » a, lui, été retiré de cette version.
Vérificateur de contraste
Choisissez une couleur de texte et une couleur de fond. Le calcul suit la formule de luminance relative des WCAG.
Checklists par métier
- Contraste vérifié pour chaque texte et chaque bordure de contrôle, dans les deux thèmes.
- Ordre de lecture et ordre de tabulation annotés sur les maquettes.
- États de focus, d'erreur et de désactivation dessinés, en plus du repos.
- Aucune information portée par la seule couleur.
- Mise en page qui supporte un zoom texte à 200 %.
- Éléments natifs d'abord :
button,a,select,dialog. - Un seul
h1, titres hiérarchisés, régionsheader,nav,main,footer. - Chaque contrôle a un nom accessible ; les icônes seules ont un
aria-label. - Focus géré à l'ouverture et à la fermeture des modales.
prefers-reduced-motionrespecté par toutes les animations.
- Textes alternatifs qui décrivent la fonction de l'image, vides pour les images décoratives.
- Liens explicites hors contexte.
- Phrases courtes, sigles développés à la première occurrence.
- Langue de la page déclarée, changements de langue signalés.
- Parcours complet au clavier seul : Tab, Maj+Tab, Entrée, Espace, Échap, flèches.
- Test avec un lecteur d'écran (NVDA sous Windows, VoiceOver sous macOS et iOS).
- Zoom à 200 % et largeur de 320 px sans perte d'information.
- Analyse automatique, en sachant qu'elle ne détecte qu'une partie des problèmes.
IA et accessibilité
L'IA peut aider : pré-audit des écrans, suggestions de textes alternatifs, simplification de contenus. Elle ne remplace pas un audit expert ni les tests avec des personnes en situation de handicap. Les suggestions générées sont des propositions à valider, jamais des corrections appliquées automatiquement.
Pour aller plus loin : L'accessibilité, une discipline de chaque sprint.