Checklist pratique pour un site web accessible
Vous souhaitez améliorer l'accessibilité de votre site web ? Cette checklist vous aide à identifier les principaux points d'attention. Même de petites améliorations peuvent déjà avoir un impact significatif sur l'expérience de vos visiteurs.
Commencez par le contenu
Rédigez dans un langage clair :
- Utilisez des phrases courtes, des formulations actives et évitez autant que possible le jargon.
- Pour en savoir plus sur le langage clair :
-
Un langage clair sur votre site web
Un langage accessible, c’est une situation win-win. Vous touchez un public plus large et vos visiteurs trouvent facilement ce qu'ils recherchent.
Utilisez une structure logique :
- Organisez votre contenu à l'aide de titres et sous-titres clairs (H2 et H3) ainsi que de listes lorsque cela est pertinent.
Ajoutez des textes alternatifs aux images :
- Décrivez les éléments visuels qui sont pertinents pour le contenu afin que les utilisateurs de lecteurs d'écran n'en perdent pas le sens.
- Même si les images ne s'affichent pas correctement, le visiteur peut consulter leur description.
- Les images purement décoratives ne nécessitent généralement pas de description.
Utilisez des liens explicites :
- Lorsque vous créez un lien vers une autre page ou un autre site, évitez les formulations vagues telles que : Cliquez ici
- Privilégiez des liens descriptifs : Téléchargez le guide sur l'accessibilité numérique
Pensez aux vidéos et aux contenus audio :
- Ajoutez des sous-titres à vos vidéos.
- Proposez des transcriptions lorsque cela est possible.
- Veillez à ce que les informations importantes ne soient pas communiquées uniquement par le son. Elles doivent également être visibles sous forme de texte ou d'image.
Veillez à un design accessible
- Assurez un contraste suffisant entre le texte et l'arrière-plan afin de garantir une bonne lisibilité.
- Utilisez des tailles de police confortables à lire.
- Faites apparaître clairement l'élément sélectionné lorsqu'un utilisateur navigue au clavier.
- Vérifiez que le site fonctionne correctement sur différents écrans : smartphone, tablette et ordinateur.
- N'utilisez pas uniquement la couleur pour transmettre une information. Associez-la à du texte, des icônes ou d'autres repères visuels.
Rendez les formulaires faciles à utiliser :
- Associez un libellé clair à chaque champ.
- Affichez des messages d'erreur compréhensibles.
- Indiquez clairement quels champs sont obligatoires avant l'envoi du formulaire.
Tenez compte de la navigation au clavier :
Certaines personnes utilisent principalement ou exclusivement leur clavier pour naviguer sur le web.
Veillez donc à ce que :
- toutes les fonctionnalités soient accessibles sans souris
- les utilisateurs puissent parcourir la page dans un ordre logique à l'aide de la touche Tab
Testez votre site web
Contrôles automatiques :
De nombreux outils gratuits permettent de détecter rapidement certains problèmes d'accessibilité :
- WAVE
- Lighthouse
- Axe
Ces outils constituent un excellent point de départ, mais ils ne détectent pas tous les problèmes.
Contrôles manuels :
Complétez les tests automatiques par quelques vérifications simples :
- naviguez sur le site uniquement avec le clavier
- vérifiez que le contenu reste utilisable lorsque le zoom du navigateur est porté à 200 % ou davantage
- testez le site avec un lecteur d'écran
Faites réaliser un audit :
Un audit indépendant permet d'identifier des problèmes qui échappent souvent aux outils automatiques. Il fournit également des recommandations concrètes pour améliorer durablement l'accessibilité de votre site.
Travaillez avec une agence web spécialisée
Si vous faites appel à un prestataire externe, posez notamment les questions suivantes :
- L'agence possède-t-elle une expérience en accessibilité numérique ?
- Peut-elle fournir des références ou des études de cas ?
- Suit-elle les Web Content Accessibility Guidelines (WCAG) ?
- Réalise-t-elle des tests d'accessibilité ?
- Dispose-t-elle d'une expérience avec les directives ou la certification AnySurfer ?