Comprendre
Handicaps et technologies d'assistance
Pour concevoir un site accessible, il faut comprendre comment il est réellement utilisé. Beaucoup de personnes handicapées naviguent avec des technologies d'assistance qui ne fonctionnent bien que si le code de la page est correctement structuré.
Mis à jour le · Faits vérifiés auprès des sources officielles citées
Les principales technologies d'assistance
| Technologie | Utilisée par | Exemples |
|---|---|---|
| Lecteur d'écran | Personnes aveugles ou très malvoyantes | NVDA (gratuit, Windows), JAWS (Windows), VoiceOver (macOS, iOS), TalkBack (Android), Narrateur (Windows) |
| Plage braille | Personnes aveugles lectrices du braille | Afficheur relié au lecteur d'écran, qui restitue le texte en braille |
| Logiciel d'agrandissement | Personnes malvoyantes | Loupe de Windows, Zoom de macOS, logiciels spécialisés |
| Commande vocale | Personnes ayant un handicap moteur | Contrôle vocal (Apple), Voice Access (Android), logiciels de dictée |
| Clavier, contacteurs | Personnes ne pouvant pas utiliser une souris | Clavier seul, clavier adapté, contacteur, suivi du regard |
| Sous-titres, transcriptions | Personnes sourdes ou malentendantes | Sous-titres synchronisés, transcription textuelle, interprétation en langue des signes |
Personnes aveugles : le lecteur d'écran
Un lecteur d'écran restitue la page par synthèse vocale ou en braille. L'utilisateur ne la « voit » pas dans son ensemble : il la parcourt de façon linéaire, ou saute de titre en titre, de lien en lien, de zone en zone. Ce mode de lecture impose plusieurs exigences :
- chaque image porteuse d'information doit avoir une alternative textuelle pertinente RGAA 1.1 (nouvel onglet) RGAA 1.3 (nouvel onglet), et les images décoratives doivent être ignorées RGAA 1.2 (nouvel onglet) ;
- les titres doivent refléter la structure du contenu RGAA 9.1 (nouvel onglet), car c'est le premier moyen de navigation rapide ;
- les grandes zones (en-tête, navigation, contenu principal, pied de page) doivent être identifiées RGAA 12.6 (nouvel onglet) ;
- chaque lien doit être compréhensible hors de son contexte visuel RGAA 6.1 (nouvel onglet) : une liste de « Cliquez ici » ne veut rien dire ;
- chaque champ de formulaire doit avoir une étiquette RGAA 11.1 (nouvel onglet) ;
- les composants dynamiques (menus, onglets, fenêtres modales) doivent exposer leur rôle et leur état RGAA 7.1 (nouvel onglet).
Personnes malvoyantes : contraste et agrandissement
La malvoyance recouvre des réalités très différentes : vision floue, perte de contraste, champ visuel réduit, tache au centre de la vision, éblouissement. Les personnes malvoyantes agrandissent souvent fortement le texte, ou n'en voient qu'une petite portion à la fois. Elles ont besoin :
- de contrastes suffisants pour le texte RGAA 3.2 (nouvel onglet) et pour les éléments d'interface RGAA 3.3 (nouvel onglet) ;
- d'un texte qui reste lisible agrandi à 200 % RGAA 10.4 (nouvel onglet) et d'une mise en page qui s'adapte sans défilement horizontal RGAA 10.11 (nouvel onglet) ;
- d'un focus clairement visible RGAA 10.7 (nouvel onglet) ;
- de texte réel plutôt que d'images de texte RGAA 1.8 (nouvel onglet).
Les anomalies de la vision des couleurs (souvent appelées daltonisme) empêchent de distinguer certaines teintes, en particulier le rouge et le vert. Une information ne doit donc jamais reposer uniquement sur la couleur RGAA 3.1 (nouvel onglet).
Personnes sourdes ou malentendantes
Les contenus audio et vidéo doivent avoir des équivalents : sous-titres synchronisés pour les vidéos RGAA 4.3 (nouvel onglet), transcription textuelle pour les contenus audio RGAA 4.1 (nouvel onglet). Un son déclenché automatiquement doit pouvoir être contrôlé RGAA 4.10 (nouvel onglet). Pour une partie des personnes sourdes, la langue des signes est la première langue : un texte écrit en langage clair est alors particulièrement utile.
Personnes ayant un handicap moteur
Lorsque l'usage de la souris est impossible, la navigation se fait au clavier, par contacteur ou par commande vocale. Tout doit être utilisable sans souris RGAA 7.3 (nouvel onglet), dans un ordre logique RGAA 12.8 (nouvel onglet), sans piège au clavier RGAA 12.9 (nouvel onglet). Les limites de temps doivent pouvoir être contrôlées RGAA 13.1 (nouvel onglet), car remplir un formulaire peut demander plus de temps.
Troubles cognitifs, psychiques et de la lecture
Troubles de l'attention ou de la mémoire, dyslexie, fatigue cognitive : ces situations sont moins visibles mais fréquentes. Elles bénéficient d'une interface cohérente d'une page à l'autre, de libellés explicites RGAA 11.2 (nouvel onglet), de messages d'erreur clairs RGAA 11.10 (nouvel onglet), de contenus en mouvement que l'on peut arrêter RGAA 13.8 (nouvel onglet) et d'un texte dont l'espacement peut être augmenté RGAA 10.12 (nouvel onglet).
Voir avec d'autres yeux
L'extension Accessia pour Chrome permet de simuler plusieurs de ces situations directement sur votre page (anomalies de la vision des couleurs, vision floue, champ visuel réduit, dyslexie), avec pour chacune les critères à respecter et les problèmes détectés sur la page. Une simulation aide à comprendre ; elle ne remplace pas les tests décrits dans Tester l'accessibilité d'un site.
Sources
- NV Access — NVDA, lecteur d'écran libre et gratuit pour Windows(nouvel onglet)
- Apple — Fonctionnalités d'accessibilité (VoiceOver, Contrôle vocal, Zoom)(nouvel onglet)
- Google — Accessibilité Android (TalkBack)(nouvel onglet)
- W3C WAI — How People with Disabilities Use the Web(nouvel onglet)
- DINUM — Critères et tests du RGAA 4.1.2(nouvel onglet)