# Checklist accessibilité web (WCAG 2.2 / RGAA) — RYADESIGN > 80 % de l'impact accessibilité tient dans cette poignée de points. > Obligatoire pour beaucoup d'acteurs (European Accessibility Act, 2025). > Guide : https://rya.design/blog/accessibilite-web-wcag-2026-guide-pme > © RYADESIGN — réutilisation libre, mention appréciée. ## Perceptible - [ ] Contraste texte normal ≥ 4,5:1 (≥ 3:1 pour le grand texte) - [ ] Chaque image informative a un attribut alt descriptif - [ ] Images décoratives : alt="" (ignorées par les lecteurs d'écran) - [ ] Vidéos sous-titrées, audio transcrit - [ ] L'information n'est jamais portée par la couleur seule ## Utilisable (Operable) - [ ] Tout est atteignable et activable au clavier (Tab, Entrée) - [ ] Focus visible (contour net) — ne jamais masquer le focus - [ ] Skip-link "Aller au contenu" en début de page - [ ] Pas de piège au clavier - [ ] prefers-reduced-motion respecté (animations coupables) - [ ] Cibles tactiles ≥ 44×44 px sur mobile ## Compréhensible - [ ] Langue de la page déclarée () - [ ] Labels de formulaire associés via l'attribut for - [ ] Messages d'erreur clairs + annoncés (aria-live) + aria-invalid - [ ] Comportement prévisible (pas de changement de contexte surprise) ## Robuste - [ ] HTML valide, structure de titres logique (un seul H1) - [ ] Composants interactifs avec rôles/ARIA corrects - [ ] Testé avec un lecteur d'écran (NVDA, VoiceOver) ## Outils de test (gratuits) - WAVE — wave.webaim.org - axe DevTools — extension navigateur - Test manuel au clavier (range la souris !) - Lighthouse (onglet Accessibilité) --- Volet accessibilité inclus dans l'audit gratuit : https://rya.design/audit