L’accessibilité web consiste à concevoir et développer des sites internet utilisables par tous, quel que soit l’appareil employé (ordinateur, smartphone, lecteur d’écran spécialisé) ou la situation personnelle (handicap visuel, auditif, moteur, cognitif, etc.). Dans cet article, nous allons voir pourquoi c’est important et comment mettre en place des bonnes pratiques, le tout avec des exemples simples pour un public non technique.
Nous utilisons internet pour trouver des informations, communiquer, faire des achats et bien plus encore. Si un site n’est pas accessible, certaines personnes peuvent se retrouver bloquées. Cela touche particulièrement les personnes ayant une déficience visuelle, auditive, motrice ou intellectuelle.
Exemple concret :
- Un utilisateur non-voyant peut naviguer sur internet à l’aide d’un lecteur d’écran (un logiciel qui “lit” le contenu du site à voix haute). Si les images ne sont pas décrites par du texte alternatif, le lecteur ne pourra rien transmettre à l’utilisateur.
Les bonnes pratiques d’accessibilité profitent à tout le monde. Par exemple, un sous-titrage de vidéo aidera aussi les personnes dans un environnement bruyant ou celles dont la langue maternelle n’est pas la langue de la vidéo.
Exemple concret :
- Si vous regardez une vidéo dans les transports sans vos écouteurs, les sous-titres vous permettent de suivre le contenu sans le son.
De nombreux pays ont adopté des lois ou des normes pour rendre les sites internet accessibles, notamment pour les administrations publiques ou les grandes entreprises.
Exemple concret :
- En France, la loi impose que les sites des organismes publics soient accessibles, sous peine de sanctions. D’autres pays ont mis en place des réglementations similaires (ex. : ADA aux États-Unis).
alt=""
) pour que le lecteur d’écran l’ignore.Exemple concret :
- Une photo d’un coucher de soleil sur la plage pourrait être décrite comme : “Coucher de soleil avec le soleil partiellement caché par l’horizon, éclairant légèrement une plage de sable”.
Exemple concret :
- Sur YouTube, vous pouvez activer les sous-titres automatiques (puis les corriger pour plus de précision). Ainsi, vous facilitez l’accès à vos vidéos pour un plus grand nombre de personnes.
Exemple concret :
- Dans un article de blog, utilisez H1 pour le titre principal, H2 pour les parties importantes, et H3 pour les sous-parties. C’est comme une table des matières pour un livre.
Exemple concret :
- Un texte gris clair sur fond blanc peut être très difficile à lire pour des personnes malvoyantes ou en plein soleil sur un écran de téléphone.
Exemple concret :
- Lorsque vous appuyez sur la touche “Tab” sur un site, vous devez voir un encadré ou un autre style qui met en évidence le bouton ou le lien sélectionné.
Exemple concret :
- Quand un champ est invalide, ne mettez pas seulement la mention “Erreur en rouge” : ajoutez du texte expliquant pourquoi il y a une erreur (ex. : “Votre numéro de téléphone doit contenir 10 chiffres”).
Il n’est pas nécessaire d’être un expert technique pour encourager et promouvoir l’accessibilité. Tout le monde peut vérifier la clarté des informations, la lisibilité du texte, l’utilité du sous-titrage, etc. Chaque petit geste compte pour rendre le web plus inclusif.
Agissons ensemble pour un internet accessible à tous !
Pour un web plus vert
Pour un web accessible à tous
Pour un web respectueux des données