Accessibilité du Web

Qu’est-ce qu’un site Web accessible ?

C’est un site qui peut être utilisé par toute personne, peu importe ses incapacités et les moyens qu’elle utilise pour les atténuer.

L’accessibilité du Web est essentielle pour les internautes en situation de handicap (visuel, auditif, moteur, cognitif, etc.). Cependant, elle profite à beaucoup d’autres personnes comme les personnes vieillissantes, celles qui ont un faible niveau de lecture ou celles dont la langue maternelle n’est pas la langue utilisée sur la page Web. Un site Web accessible, c’est bon pour tout le monde !

Normes et recommandations

Pour guider la mise en accessibilité d’un site Web, il existe diverses normes et recommandations de bonnes pratiques, notamment :

· Les Web Content Accessibility Guidelines, ou WCAG : Cette recommandation internationale présente des règles et critères d’accessibilité des contenus Web. Les WCAG se déclinent en diverses versions (2.0, 2.1, etc.) et en trois niveaux de conformité (A, AA et AAA).

· Le SGQRI 008, version 2.0 : Au Québec, c’est le standard d’accessibilité applicable aux organismes publics et aux entreprises du gouvernement, incluant les réseaux de la santé et de l’éducation. Ce standard s’inspire largement des WCAG 2.0.

Certains outils automatisés tels que WAVE et AXE Devtools peuvent donner un premier aperçu du niveau d’accessibilité des sites Web.

L’accessibilité Web est une conception centrée sur l’expérience utilisateur et ne s’arrête pas à une liste de critères.

Pour concevoir un site accessible, il est important de comprendre les besoins des internautes ayant des limitations et de connaître les technologies d’adaptation qu’ils utilisent.

Exemples d’obstacles courants et suggestions d’amélioration

1. Contrastes de couleurs trop faibles entre le texte et l’arrière-plan.

· Clientèles touchées : personnes malvoyantes ou vieillissantes.

· Solution : Choisir des couleurs plus contrastées avec des outils comme le Colour Contast Analyser.

2. Aucun texte de remplacement pour les images significatives, les liens-images et les boutons-images.

· Clientèle touchée : personnes aveugles utilisant des lecteurs d’écran.

· Solution : Pour les images porteuses de sens (non décoratives), inscrire une brève description textuelle du contenu. Décrire la fonction des boutons-images et la destination des liens-images.

3. Fonctionnalités d’un site Web qui exigent l’emploi de la souris pour être activées.

· Clientèles touchées : celles qui naviguent au clavier, comme les personnes aveugles, ainsi que certaines personnes malvoyantes ou ayant des limitations motrices.

· Solution : S’assurer que tous les composants nécessitant la souris sont aussi utilisables au clavier.

4. Vidéos et enregistrements sonores sans sous-titres ni transcription textuelle.

· Clientèles touchées : personnes sourdes ou malentendantes, personnes sourdes-aveugles, etc.

· Solution : Sous-titrer les vidéos en indiquant les paroles et les sons nécessaires à la compréhension. Fournir une transcription textuelle pour les fichiers audio. La transcription est aussi utile pour les vidéos, notamment pour les personnes sourdes-aveugles.

5. Champs de formulaire Web non associés informatiquement à leur étiquette.

· Clientèles touchées : personnes aveugles, personnes ayant des limitations motrices.

· Solution : Coder l’association entre le champ et l’étiquette dans le code source HTML. Cela permet aux outils d’adaptation de reconnaître cette association, comme les lecteurs d’écran des personnes aveugles et les logiciels de contrôle vocal de certaines personnes ayant des limitations motrices.

Pour en savoir plus

· Section Formation du Laboratoire de promotion de l’accessibilité du Web

· Vidéo « Un site Web accessible, c’est bon pour tout le monde », par le Regroupement des aveugles et amblyopes du Montréal métropolitain (RAAMM) et l’Office québécois des personnes handicapées.

Réalisé par :