Pourquoi l'accessibilité compte
L'accessibilité numérique consiste à rendre les services digitaux utilisables par tous, y compris les personnes en situation de handicap. C'est à la fois une obligation légale et une opportunité.
Le contexte réglementaire
WCAG 2.2 — standard international du W3C
RGAA — référentiel français, applicable au secteur public
European Accessibility Act — applicable à partir de juin 2025 dans l'UE
Ces obligations s'étendent progressivement au-delà du secteur public.
L'opportunité économique
15 à 20 % de la population vit avec un handicap
Le vieillissement augmente les besoins d'accessibilité
Les bonnes pratiques d'accessibilité améliorent aussi le SEO
Un site accessible est souvent plus clair pour tout le monde
Les 4 principes WCAG
Le standard WCAG repose sur quatre principes. Chaque critère y est rattaché.
1. Perceptible
L'information doit pouvoir être perçue. Cela implique :
Alternatives textuelles pour les images
Sous-titres pour les vidéos
Contraste suffisant
Information non dépendante de la couleur seule
2. Utilisable
L'interface doit pouvoir être utilisée. Cela implique :
Navigation clavier complète
Temps suffisant pour lire
Pas de contenu clignotant problématique
Navigation claire
3. Compréhensible
Le fonctionnement doit être clair. Cela implique :
Langue de la page déclarée
Libellés de formulaires explicites
Messages d'erreur compréhensibles
Cohérence dans la navigation
4. Robuste
Le contenu doit fonctionner avec les technologies d'assistance :
HTML valide et sémantique
ARIA utilisé correctement
Compatibilité avec lecteurs d'écran
Les améliorations à fort impact
1. Contraste
Ratio minimum de 4.5:1 pour le texte normal, 3:1 pour le grand texte. Un outil comme WebAIM Contrast Checker permet de vérifier.
2. Navigation clavier
Tout doit être accessible au clavier. Les éléments interactifs doivent avoir un focus visible. L'ordre de tabulation doit être logique.
3. Textes alternatifs
Chaque image doit avoir un texte alternatif décrivant son contenu. Décorative = alt vide. Informatif = description utile.
4. Structure sémantique
Utiliser les balises HTML appropriées : h1-h6 pour la hiérarchie, nav, main, aside, article. Un seul h1 par page.
5. Formulaires accessibles
Labels associés aux champs, messages d'erreur explicites, pas de validation uniquement visuelle.
6. Vidéos sous-titrées
Sous-titres pour les vidéos, transcriptions pour les audios. Indispensable et souvent oublié.
Tester l'accessibilité
Tests automatisés
Des outils comme axe, Lighthouse, WAVE détectent 30 à 40 % des problèmes. Utiles mais insuffisants.
Tests manuels
Navigation clavier — utiliser le site uniquement au clavier
Lecteur d'écran — tester avec NVDA (Windows), VoiceOver (Mac/iOS), JAWS
Contraste — vérifier visuellement et avec un outil
Zoom — tester à 200 % de zoom
Mode daltonien — simuler les différents types
Tests utilisateurs
Le plus important : tester avec des personnes en situation de handicap. Leur retour révèle des problèmes qu'aucun outil ne détecte.
Fréquence
Idéalement en continu. Un audit complet tous les 6 mois, tests automatisés à chaque déploiement, tests manuels à chaque nouvelle fonctionnalité.
Intégrer l'accessibilité dans les processus
L'accessibilité ne doit pas être traitée après coup. Elle doit être intégrée à chaque étape.
Design
Contraste vérifié dans la maquette
Focus states définis
Ordre logique des éléments
Alternatives textuelles prévues
Développement
HTML sémantique
ARIA utilisé correctement
Navigation clavier testée
Tests automatisés dans le CI
Contenu
Textes clairs et structurés
Alternatives textuelles descriptives
Sous-titres et transcriptions
Langage simple
Formation
Designers, développeurs, rédacteurs : tous doivent connaître les bases. Une session de 2 heures suffit pour les principes essentiels.
Checklist accessibilité
☐ Audit initial réalisé
☐ Contrastes vérifiés
☐ Navigation clavier complète
☐ Textes alternatifs sur toutes les images
☐ Structure HTML sémantique
☐ Formulaires avec labels associés
☐ Vidéos sous-titrées
☐ Tests automatisés dans le CI
☐ Tests manuels réguliers
☐ Formation des équipes
☐ Déclaration d'accessibilité publiée