Browse Blog Posts
Topics

Comment rendre le site Web de votre association plus accessible

Il est essentiel que votre site Web fonctionne correctement pour tous vos visiteurs. Nous vous présentons les bases de l’accessibilité web.

Ce que vous allez apprendre

  • L’accessibilité web permet aux personnes en situation de handicap d’utiliser plus facilement votre site Web, mais elle profite également à tous les visiteurs.
  • L’Initiative pour l’accessibilité du Web (Web Accessibility Initiative - WAI) du W3C met à disposition des ressources et des recommandations pour vous aider à rendre votre site plus accessible à tous.
  • Des outils gratuits existent pour vous aider à évaluer l’accessibilité de votre site Web.



Les organisations à but non lucratif servent l’ensemble de la société, y compris des publics souvent négligés par d’autres secteurs, notamment les personnes en situation de handicap. Quelle que soit la mission de votre organisation, votre site Web doit être accessible à tous. Ce guide propose des conseils pratiques que vous pouvez mettre en œuvre dès aujourd’hui afin d’améliorer l’expérience de tous vos visiteurs.

Qu’est-ce que l’accessibilité web ?

L’accessibilité web regroupe un ensemble de normes, de pratiques et de fonctionnalités qui permettent aux utilisateurs de naviguer sur Internet à l’aide de lecteurs d’écran, de loupes numériques, d’interfaces de contrôle sans souris et d’autres technologies d’assistance.

Les sites Web accessibles sont conçus avec suffisamment de flexibilité pour permettre aux personnes présentant des handicaps auditifs, cognitifs, physiques, de la parole ou visuels de les utiliser dans des conditions équitables.

L’exemple le plus classique consiste à rendre les images accessibles aux personnes qui ne peuvent pas les voir. Pour chaque image, vous fournissez une description textuelle contenant les informations importantes, appelée « texte alternatif » ou « texte alt ». Cette description est intégrée au code du site et reste invisible pour la plupart des utilisateurs. Lorsqu’une personne malvoyante utilise un lecteur d’écran, celui-ci peut lire la description à voix haute ou l’envoyer vers un terminal braille dynamique.

« Un site Web accessible est conçu et développé afin que les personnes en situation de handicap puissent percevoir, comprendre, naviguer et interagir avec le site », explique Shawn Lawton Henry, directrice de la Web Accessibility Initiative (WAI) du W3C.

« Par exemple, le site fonctionne pour une personne âgée souffrant d’une basse vision, d’une perte auditive, d’un déclin cognitif ou de tremblements des mains. Le contraste du texte est suffisamment élevé pour assurer la lisibilité sur le fond, le site est compatible avec des tailles de texte agrandies, les contenus audio disposent de sous-titres et toutes les interactions sont accessibles au clavier, ce qui est indispensable lorsqu’une personne ne peut pas utiliser une souris. »

Un ensemble de normes internationales, appelé Règles pour l’accessibilité des contenus Web (WCAG), est défini par la WAI, un groupe du World Wide Web Consortium (W3C), qui établit également les standards du Web tels que HTML, CSS et d’autres technologies. La WAI fournit des conseils aux rédacteurs, designers, développeurs et autres créateurs de contenus web afin de garantir que leurs réalisations soient accessibles à tous les utilisateurs.

Photo of various sketches of website layouts.

[Photo: Shutterstock]

Pourquoi l’accessibilité web est-elle importante ?

Améliorer l’accessibilité d’un site Web permet aux visiteurs qui utilisent des technologies d’assistance de consulter, utiliser et parcourir le site plus facilement. Pour une organisation à but non lucratif, disposer d’un site accessible est un élément essentiel de son infrastructure numérique, car cela témoigne de son engagement à rendre ses services accessibles à tous, quelles que soient les capacités des utilisateurs à voir un écran ou à interagir avec le site.

Il s’agit d’une part importante de la population. Selon les CDC américains, près de 29 % des adultes aux États-Unis vivent avec un handicap.

Pour les associations, l’accessibilité bénéficie également à d’autres publics prioritaires : les personnes âgées, les habitants de zones rurales ou de régions où la connexion Internet est moins fiable, ainsi que les personnes qui maîtrisent moins bien la langue utilisée sur le site.

« Lorsque les sites Web sont accessibles, les personnes en situation de handicap peuvent les utiliser dans des conditions équitables », souligne Henry.

« J’ai des amis et collègues aveugles qui accomplissent certaines tâches en ligne plus rapidement que moi. Mais si vous n’intégrez pas volontairement l’accessibilité à votre démarche, votre site comporte probablement des obstacles qui rendent son utilisation difficile voire impossible pour certaines personnes. Vous risquez alors de frustrer et d’exclure certains de vos principaux bénéficiaires, membres, donateurs et autres parties prenantes. »

« L’accessibilité est indispensable pour certains et bénéfique pour tous », ajoute-t-elle.

Les avantages de l’accessibilité web

Au-delà d’une meilleure compatibilité avec les technologies d’assistance, les bonnes pratiques d’accessibilité offrent de nombreux autres avantages :

  • Une expérience utilisateur plus fluide : respecter des normes minimales en matière de contraste des couleurs, de taille des caractères et d’espacement améliore le confort de lecture pour tous les utilisateurs. Cela peut augmenter le temps passé sur le site et encourager les visiteurs à revenir.

  • Un meilleur référencement (SEO) : l’ajout de descriptions aux images et à d’autres éléments de page fournit davantage de contenu textuel que les moteurs de recherche et les systèmes d’IA générative peuvent analyser, ce qui augmente les chances que votre contenu soit découvert.

  • Une approche plus globale : un audit d’accessibilité est également un excellent moyen d’évaluer l’architecture de l’information et la disposition des éléments de votre site. En examinant les parcours utilisateurs, vous pouvez identifier des lacunes ou des problèmes techniques qui seraient autrement passés inaperçus.

Comment évaluer l’accessibilité de votre site Web

La bonne nouvelle, c’est qu’il n’est pas nécessaire d’examiner manuellement chaque ligne de code HTML de votre site. Vous pouvez commencer par utiliser l’un des nombreux outils d’évaluation de l’accessibilité disponibles en ligne.

  • web.dev : l’outil PageSpeed Insights de Google analyse n’importe quelle page accessible publiquement afin d’évaluer ses performances, son référencement et les bonnes pratiques de développement. Il inclut également un rapport d’accessibilité proposant des recommandations sur des points courants, comme les textes alternatifs ou les rôles ARIA (Accessible Rich Internet Applications), qui permettent aux technologies d’assistance de comprendre la structure et la fonction des éléments d’une page.
  • WAVE/WebAIM : lancé par l’Université d’État de l’Utah, le projet WebAIM propose l’outil WAVE, qui évalue l’accessibilité de votre site et affiche une représentation visuelle des erreurs et alertes susceptibles d’empêcher les utilisateurs d’interagir correctement avec votre contenu. WebAIM met également à disposition des extensions de navigateur ainsi qu’un vérificateur de contraste pour garantir la lisibilité des textes.

Comment améliorer l’accessibilité du site Web de votre association

Les actions à entreprendre dépendront fortement de la structure actuelle de votre site, des technologies utilisées et du contenu publié. Si vous débutez en accessibilité web, les étapes suivantes constituent un excellent point de départ.

  1. Explorez votre CMS : identifiez le système de gestion de contenu (CMS) utilisé par votre site. Les plateformes modernes comme WordPress ou Wix intègrent souvent des fonctionnalités d’accessibilité, notamment l’attribution automatique de rôles WAI-ARIA permettant aux lecteurs d’écran de distinguer les éléments interactifs des éléments décoratifs.

  2. Analysez les pages clés : examinez votre page d’accueil ainsi que les pages les plus importantes à l’aide de PageSpeed Insights et WAVE. Les problèmes critiques concernent souvent plusieurs pages car ils proviennent d’éléments partagés dans un modèle commun.

  3. Utilisez un lecteur d’écran : des logiciels tels que NVDA pour Windows ou la fonctionnalité VoiceOver intégrée à macOS lisent le contenu affiché à l’écran. Tester votre site avec ces outils vous aide à comprendre l’expérience vécue par les personnes qui en dépendent.

  4. Consultez les ressources en ligne : Google, la WAI et WebAIM proposent de nombreuses ressources pour approfondir votre compréhension de l’accessibilité et des bonnes pratiques de conception inclusive. La Section 508 du gouvernement fédéral américain fournit également des informations précieuses sur les standards d’accessibilité numérique.

  5. Testez avec de vrais utilisateurs : même des tests simples peuvent révéler de nombreux problèmes. Observez une personne qui n’utilise pas habituellement votre site effectuer une tâche précise. Les difficultés rencontrées mettront souvent en évidence des points de friction dans l’expérience utilisateur. Si vous pouvez inclure des personnes utilisant des technologies d’assistance, les résultats seront encore plus pertinents.

Ressources complémentaires

Le site de la WAI propose des ressources destinées à tous les profils, notamment les responsables, designers et développeurs.

« Commencez par comprendre comment les personnes en situation de handicap utilisent le Web », recommande Henry. « Même s’il est important de respecter les WCAG, qui constituent la norme internationale du W3C, celles-ci ne doivent pas être votre point de départ pour découvrir l’accessibilité. »

Parmi les ressources recommandées :