Guide Pratique de l'Accessibilité Web
L'accessibilité, c'est garantir un web utilisable par tous : personnes en situation de handicap, seniors, utilisateurs mobiles, connexions lentes, bras cassé, environnement bruyant, etc.
Pourquoi l'accessibilité ?
Quand on conçoit pour le handicap, on résout des problèmes que tout le monde rencontre
Les rampes de trottoir ont révolutionné la ville pour les fauteuils roulants, mais aussi pour tous les piétons avec valises, poussettes ou vélos.
Une amélioration pour certains profite à tous. Ce concept, né des rampes d'accès dans les rues, s'applique parfaitement au web.
Exemple typique d'une rampe de trottoir (curb cut)
♿ Rampes de trottoir
Conçu pour : Personnes en fauteuil roulant
Bénéficie aussi à : Parents avec poussettes, cyclistes, livreurs avec diables, personnes avec valises à roulettes, skateboards, trottinettes, personnes âgées
🎬 Sous-titres vidéo
Conçu pour : Personnes sourdes ou malentendantes
Bénéficie aussi à : Regarder des vidéos dans le métro, apprendre une langue étrangère, suivre une conférence dans un environnement bruyant, comprendre des accents difficiles
⌨️ Navigation au clavier
Conçu pour : Personnes ne pouvant pas utiliser une souris
Bénéficie aussi à : Développeurs utilisant des raccourcis, utilisateurs avec souris cassée, power users préférant le clavier, personnes avec bras dans le plâtre
📱 Commande vocale smartphone
Conçu pour : Personnes aveugles et avec handicap moteur
Bénéficie aussi à : Messages en conduisant, sport avec écouteurs, mains occupées par des outils, contrôle à distance, multitâche au bureau
🪥 Brosse à dents électrique
Conçu pour : Personnes avec mobilité réduite ou arthrite (1954)
Bénéficie aussi à : Meilleur brossage pour tous, recommandée par les dentistes, enfants qui apprennent, personnes fatiguées, efficacité supérieure prouvée
🎧 Livres audio
Conçu pour : Personnes aveugles (1932, American Foundation for the Blind)
Bénéficie aussi à : Conducteurs, joggers, multitâche, dyslexiques, enfants qui apprennent à lire, 1.3 milliard $ de ventes en 2020
L'accessibilité n'est pas une contrainte, c'est de l'innovation déguisée.
Outils gratuits pour tester l'accessibilité
Ces outils vous aident à identifier et corriger les problèmes d'accessibilité :
WAVE
Extension navigateur qui visualise les erreurs d'accessibilité directement sur votre page
axe DevTools
Extension développeur intégrée aux DevTools, très précise et détaillée
Lighthouse
Audit intégré à Chrome DevTools, inclut un score d'accessibilité global
MDN Accessibility
Documentation de référence complète sur l'accessibilité web
Colour Contrast Analyser
Application gratuite pour tester les contrastes de couleurs selon WCAG
Accessibility Insights
Suite d'outils Microsoft pour tests manuels et automatiques approfondis
Accessible Game Jam
InteractifTestez vos connaissances sur l'accessibilité web de manière interactive ! Un jeu pour apprendre en s'amusant.
Lecteurs d'écran courants
Comprendre les lecteurs d'écran les plus utilisés pour mieux tester vos interfaces :
NVDA
WindowsLecteur d'écran gratuit et open source, très populaire
JAWS
WindowsLecteur d'écran professionnel, leader historique du marché
VoiceOver
macOS/iOSLecteur d'écran intégré à tous les appareils Apple
TalkBack
AndroidLecteur d'écran par défaut sur Android
🧪 Comment tester avec un lecteur d'écran
- Fermez les yeux ou éteignez l'écran
- Naviguez uniquement au clavier (Tab, flèches, Entrée, Espace)
- Écoutez attentivement ce qui est annoncé
- Vérifiez que tout est compréhensible sans voir l'écran
Note : 15 minutes de test avec un lecteur d'écran valent plus que des heures d'audit automatique.
Navigation rapide
Utilisez le menu latéral ou ces raccourcis pour explorer les exemples :