Accessibilité web : pourquoi c'est important et comment commencer

Environ une personne sur six dans le monde vit avec un handicap important. Bien d'autres ont des limitations temporaires ou situationnelles : un bras cassé, un petit écran de téléphone en plein soleil ou des yeux fatigués en fin de journée. Un site accessible fonctionne pour toutes ces personnes, et il fonctionne généralement mieux pour tous les autres aussi.

Pourquoi l'accessibilité compte pour votre entreprise

• Plus de clients : si les gens ne peuvent pas lire, naviguer ou acheter sur votre site, ils vont chez un concurrent.
• Un meilleur SEO : des titres clairs, des liens explicites et des descriptions d'images aident les moteurs de recherche à comprendre vos pages.
• Des obligations légales : dans de nombreux pays, notamment dans l'UE avec l'Acte européen sur l'accessibilité (European Accessibility Act) et aux États-Unis avec l'ADA, les sites qui vendent au grand public sont de plus en plus tenus d'être accessibles.
• Une meilleure image de marque : un site inclusif montre que chaque client compte pour vous.

La norme à suivre

Les Web Content Accessibility Guidelines (WCAG) sont la référence internationale. La plupart des entreprises visent les WCAG 2.1 ou 2.2 au niveau AA. Ces règles s'articulent autour de quatre principes : le contenu doit être perceptible, utilisable, compréhensible et robuste.

Des gains rapides à vérifier dès aujourd'hui

1. Alternatives textuelles : chaque image porteuse de sens a une courte description (texte alternatif). Les images décoratives ont un texte alternatif vide pour que les lecteurs d'écran les ignorent.
2. Contraste des couleurs : le texte est suffisamment foncé par rapport à son arrière-plan pour se lire facilement. Évitez le gris clair sur fond blanc.
3. Des titres dans l'ordre : un seul titre principal par page, puis des titres de section logiques, pour que les utilisateurs de lecteurs d'écran puissent parcourir la page.
4. Des liens explicites : « Télécharger la grille tarifaire » plutôt que « cliquez ici ».
5. Navigation au clavier : chaque menu, bouton et formulaire peut être utilisé avec les touches Tab et Enter, avec un indicateur de focus visible.
6. Des formulaires avec libellés : chaque champ a un libellé visible, et les messages d'erreur expliquent comment corriger le problème.
7. Zoom et taille du texte : la page fonctionne toujours avec un zoom à 200 %.
8. Sous-titres : les vidéos ont des sous-titres, et les contenus audio une transcription.

Les erreurs courantes

• Du texte dans des images, que les lecteurs d'écran ne peuvent pas lire et qui ne s'adapte pas à la taille.
• Des pop-ups qui piègent les utilisateurs du clavier ou qu'on ne peut pas fermer.
• Des boutons composés uniquement d'une icône, sans nom accessible.
• L'utilisation de la couleur seule pour transmettre une information, comme du rouge pour une erreur sans message.
• Le recours à des widgets de « surcouche d'accessibilité » au lieu de corriger le site lui-même. Ils résolvent rarement les vrais problèmes.

Comment tester votre site

Commencez par des outils gratuits comme Google Lighthouse ou WAVE pour repérer les problèmes évidents. Essayez ensuite votre site uniquement au clavier, puis avec le lecteur d'écran intégré à votre téléphone ou à votre ordinateur. Les outils automatisés détectent environ un tiers des problèmes : un audit manuel par une personne expérimentée vaut donc la peine pour les pages importantes comme le paiement et les formulaires de contact.

Intégrez-la à votre processus

L'accessibilité est plus simple lorsqu'elle est intégrée dès le départ : dans le design, dans le code et dans chaque nouvelle page que vous publiez. La corriger après coup est possible, mais cela coûte plus cher.