Notre pôle web se penche aujourd’hui sur un sujet très important et bien souvent mis de côté : l’accessibilité web.
Dans une société ultra connectée ou l’utilisation d’internet est devenu incontournable, l’accessibilité web est un aspect crucial voir obligatoire de la conception de sites internet.
Environ 15% à 20% de la population mondiale a un handicap visuel, auditif, moteur ou mental. En France c’est 12 millions de Français au total, soit 20% de la population et cela peut aller jusqu’à 40% de la population en prenant en compte les situations de handicaps temporaires. Dans cet article, nous allons vous expliquer l’accessibilité web et comment vous pouvez rendre votre site accessible à tous.
Comprendre l'accessibilité web
Définition de l'accessibilité web appelée aussi, accessibilité numérique
Quelles sont les différentes formes de handicap ?
Si vous souhaitez optimiser l’accessibilité de votre site web, vous devez connaître certains handicaps.
Déficience visuelle : Elle concerne les personnes atteintes de cécité totale ou partielle de la vue, de basse vision tels que la myopie ou la presbytie ainsi que les personnes atteintes de daltonisme. Selon les estimations, près de 10% de la population souffre de troubles visuels plus ou moins sévères, même en portant des lunettes.
Déficience auditive : les personnes atteintes de ce handicap ont des problèmes de surdité à plusieurs degrés, c’est une incapacité de percevoir des sons. Il y a aussi la presbyacousie qui concerne surtout les personne agée incapable de bien écouter.
D’après l’INSEE, environ 11% de la population française est confrontée à des problèmes d’audition allant du handicap léger à la surdité totale.
Handicap moteur ou déficience du système nerveux fait référence à l’ensemble des maladies neurologiques qui induisent une faible réactivité, une limitation des mouvements ou des troubles de la mémoire. Le handicap moteur regroupe une variété de personnes atteintes d’épilepsie, de maladie de Parkinson ou de maladie d’Alzheimer etc
Déficience cognitive : Le handicap cognitif présente également une grande diversité et peut revêtir de nombreuses formes allant des troubles de la mémoire, aux difficultés de concentration en passant par les difficultés d’apprentissage et de compréhension.
Les lois et normes en matière d'accessibilité web
En France, la loi du 11 février 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées a marqué un tournant dans la prise en compte de l’accessibilité web. Cette loi a introduit l’obligation pour les sites web publics de respecter des normes d’accessibilité. Plus récemment, la loi pour une République numérique de 2016 a renforcé cette obligation en étendant l’accessibilité aux sites web privés recevant un certain niveau de trafic. Les administrations publiques et les entreprises affiliées doivent suivre les bonnes pratiques pour l’accessibilité numérique de leur site web, en se référant aux recommandations du RGAA 4 (Référentiel Général d’Accessibilité des Administrations).
Enfin, il existe également un ensemble de normes internationales, telles que les Web Content Accessibility Guidelines (WCAG) édictées par le World Wide Web Consortium (W3C). Ces normes fournissent des recommandations techniques pour améliorer l’accessibilité des sites web. Les WCAG s’articule autour de 4 piliers : la perception (percevable), l’utilisabilité (operable), la compréhension (understandable) et la compatibilité (robust). Un site accessible est un site facile à percevoir (à lire), à utiliser, à comprendre et compatible avec les technologies actuelles et futures.
Voici les 12 principales recommandations :
- Perception #1 : proposer des équivalents textuels à tout contenu non textuel.
- Perception #2 : proposer des sous-titres ou des versions de remplacement pour tous vos contenus multimédias.
- Perception #3 : rendre vos contenus adaptables. Par exemple, proposer une version audio des contenus, donner la possibilité de modifier la taille de la police…
- Perception #4 : jouer sur les contrastes pour permettre de bien distinguer les différents contenus (visuels, audios…) de votre site.
- Utilisabilité #1 : faire en sorte de rendre les fonctionnalités accessibles au clavier (raccourcis).
- Utilisabilité #2 : laisser le temps à l’internaute de lire ou d’utiliser le contenu qui lui est présenté.
- Utilisabilité #3 : ne pas utiliser de contenus susceptibles de provoquer des crises convulsives.
- Utilisabilité #4 : aider l’utilisateur à naviguer dans les pages et contenus et à se localiser sur votre site (moteur de recherche, menu, fil d’ariane..).
- Compréhension #1 : rendre vos contenus textuels lisibles et compréhensibles.
- Compréhension #2 : faire en sorte que vos contenus apparaissent et fonctionnent de manière prévisible.
- Compréhension #3 : aider l’internaute à éviter et à corriger les erreurs.
- Compatibilité #1 : optimiser votre site afin qu’il soit compatible avec les technologies actuelles et futures.
Les organismes concernés par cette obligation d'accessibilité web
Sont concernés par les obligations d’accessibilité web, les services de communication au public en ligne. Cette obligation s’applique aux organismes suivants :
- Les personnes morales de droit public (et assimilés);
- Les entreprises ayant un chiffre d’affaires égal ou supérieur à 250 millions d’euros;
- Les services de communication au public en ligne;
- Les sites internet, intranet, extranet, ainsi que les logiciels applicatifs (via un navigateur web);
- Les applications mobiles ;
- Le mobilier urbain numérique, pour leur partie applicative ou interactive.
Les avantages de l'accessibilité web
Amélioration de l'expérience utilisateur
Un site web accessible est généralement plus simple et plus clair avec une navigation intuitive et une mise en page cohérente. Un site web accessible est généralement plus rapide à charger. En rendant le contenu plus facile à comprendre, les entreprises peuvent augmenter la rétention et la satisfaction de leurs internautes. Tous les utilisateurs avec ou sans handicap trouvent facilement ce qu’ils cherchent sur le site web, ils sont susceptibles de revenir et d’acheter des produits ou des services à l’avenir.
Augmentation du trafic et de la visibilité sur les moteurs de recherche
Les moteurs de recherche considèrent les sites web accessibles comme étant plus pertinents et peuvent donc les classer plus haut dans les résultats de recherche. En fournissant une expérience utilisateur de qualité, le taux de rebond* peut être réduit, ce qui peut aider à améliorer le classement de votre site dans les résultats de recherche.
*Le taux de rebond représente le pourcentage de visiteurs qui quittent un site web après avoir consulté une seule page.
Augmentation de l’engagement des utilisateurs
L’accessibilité web peut permettre d’augmenter l’engagement des utilisateurs en leur offrant la possibilité de participer activement au site web. Les utilisateurs qui se sentent impliqués sont plus susceptibles de participer à des sondages, de partager des commentaires ou de recommander le site web à d’autres utilisateurs.
En permettant à tous les utilisateurs d’accéder à votre contenu, vous pouvez offrir une expérience utilisateur positive, améliorer votre visibilité en ligne et respecter les obligations légales en matière d’accessibilité web.
Augmentation de l'accessibilité globale de l'entreprise
L’accessibilité web peut aussi aider votre entreprise à atteindre un public plus large et peuvent améliorer leur image de marque en montrant qu’elles se soucient de la diversité et de l’inclusion.
Avantage sociaux
Favoriser l’accessibilité du web permet de faciliter l’inclusion des personnes en situation de handicap dans la société en leur offrant un accès juste et équitable aux services en ligne, sans discrimination.
Quelques pistes pour rendre votre site web plus accessible
Il est important de souligner que l’accessibilité web doit être intégrée dès le début de la conception et du développement du site afin de garantir une accessibilité complète et efficace.
Optimisation des images et des vidéos
L’utilisation d’une balise Alt Text, du sous-titrage (SRT), de la transcription ou de l’audiodescription permet de donner une alternative aux images, sliders d’images ou vidéos.
Autres recommandations :
- associer une icône à chaque champ de vos formulaires
- assurer la compréhension facile des éléments interactifs non-standardisés
- déterminer le langage employé sur la page ainsi que les éventuels changements de langage.
Choix de couleurs adaptées & contrastes
Concernant le design, vous devez utiliser des couleurs contrastées comme des couleurs claires sur un fond foncé. Cela permettra une meilleure lisibilité pour les personnes ayant des déficiences visuelles. Vous devez proposer un contraste suffisant entre l’arrière-plan et le premier plan. Il est recommandé de ne pas se fier exclusivement aux couleurs pour communiquer une information, même si ces dernières ont une signification forte (comme le vert et le rouge par exemple). Vous devez aussi garantir une identification facile des éléments interactifs, concevoir des éléments de design adaptables à différentes tailles d’écran.
Utilisation de polices de caractères lisibles et un contenu hiérarchisé et clair
Concernant les contenus, vous devez utiliser des polices lisibles comme des sans-serif (ou typographies bâton), telles que Arial ou Helvetica. Elles sont plus lisibles que les polices avec empattement (times New Roman ou Georgia).
Vous devez également intégrer des titres et sous-titres qui permettent une organisation claire du contenu et facilitent la navigation sur le site.
Veillez à utiliser des titres et des espaces pour relier les contenus associés.
Utilisation de balises sémantiques pour structurer le contenu
L’utilisation de balises sémantiques pour structurer le contenu est une pratique courante quand on développe un site web. Les balises sémantiques sont des éléments HTML qui définissent le sens et la structure du contenu d’une page web. Elles permettent aux développeurs web de créer des pages qui sont plus accessibles et plus compréhensibles pour les utilisateurs et les moteurs de recherche.
En utilisant des balises sémantiques appropriées, les développeurs peuvent donner un sens clair et organisé au contenu de la page, ce qui facilite la lecture et la compréhension. Certaines des balises sémantiques les plus couramment utilisées incluent <header>, <nav>, <main>, <article>, <section>, <aside> et <footer>.
Chacune de ces balises est conçue pour définir une partie spécifique de la structure d’une page web et leur utilisation peut aider à améliorer la convivialité et l’accessibilité d’un site web. Il est important également d’intégrer des liens web qui ont du sens, de rédiger des contenus clairs et concis.
Utilisation d'outils d'assistance technique
Les outils d’assistance technique sont des logiciels ou des dispositifs qui aident les personnes ayant des déficiences à accéder aux contenus des sites web. Ces outils sont conçus pour améliorer l’accessibilité et l’expérience utilisateur. Voici quelques exemples d’outils d’assistance technique pour améliorer l’accessibilité des sites web :
- Les lecteurs d’écran : Ce sont des logiciels qui convertissent le texte en discours ou en braille, permettant aux personnes ayant une déficience visuelle d’écouter ou de lire le contenu du site web.
- Les extensions de contraste (ex : High Contrast, NoCoffe, Contrast -Finder…) : Ce sont des extensions de navigateur qui modifient les couleurs de la page, augmentent les contrastes pour les rendre plus faciles à voir pour les personnes ayant une déficience visuelle ou un daltonisme.
- Les navigateurs avec des options d’accessibilité : Certains navigateurs, tels que Chrome et Firefox, offrent des options d’accessibilité intégrées, telles que des fonctionnalités de zoom, de contraste élevé et de taille de police réglable.
- Les claviers virtuels : Ce sont des programmes qui permettent aux utilisateurs d’entrer du texte sans utiliser un clavier physique. Ils sont utiles pour les personnes ayant une déficience motrice.
- Les sous-titres et les transcriptions : Les sous-titres et les transcriptions peuvent être utilisés pour aider les personnes ayant une déficience auditive à comprendre le contenu audio et vidéo.
Les bonnes pratiques à adopter
Tester régulièrement l'accessibilité de votre site web
Tester l’accessibilité de son site web permet de se conformer aux normes et réglementations en matière d’accessibilité. Vous devez tester régulièrement :
- L’ergonomie et l’expérience en sollicitant des utilisateurs ayant des handicaps ou des limitations pour effectuer des tests d’utilisabilité.
- La compatibilité avec différents navigateurs, plateformes et appareils.
- Réaliser des audits réguliers pour s’assurer que l’accessibilité est maintenue tout au long du cycle de vie de votre site web.
- Effectuer des tests manuels en utilisant des technologies d’assistance telles que des lecteurs d’écran.
- Utiliser des outils automatisés tels que des validateurs de conformité aux normes d’accessibilité.
Est-ce que l’accessibilité web coûte plus cher à mettre en place qu’un site web “classique” ?
Pas nécessairement. En fait, l’accessibilité web peut même aider à réduire les coûts à long terme en améliorant l’expérience utilisateur et en réduisant les coûts de maintenance.
Les coûts peuvent être plus élevés si vous avez déjà un site existant et que vous devez apporter des modifications pour le rendre accessible et le mettre aux normes.
Il existe certaines fonctionnalités d’accessibilité web qui peuvent coûter plus cher à
développer que d’autres comme par exemple, les interprètes de langue des signes, la transcription audio, les traductions, mais si vous ne les développez pas cela peut entraîner la perte de clients.
Points à retenir
L’accessibilité web est un enjeu important pour l’avenir des sites web. En effet, les gouvernements de nombreux pays ont mis en place des lois internationales sur pour s’assurer que tous les sites web soient accessibles à tous les utilisateurs sans discrimination. De plus, en adoptant des bonnes pratiques d’accessibilité, vous augmentez la visibilité et la portée de votre site web, ce qui peut conduire à une augmentation du trafic et lutter contre l’exclusion numérique.
L’accessibilité web est essentielle non seulement pour répondre aux besoins actuels des utilisateurs, mais également pour préparer l’avenir des sites web. Les clefs pour concevoir un site web accessible sont l’organisation de la structure, un contenu textuel clair et pouvoir offrir des options pour consulter les médias de différentes manières. Les exigences d’accessibilité étant en constante évolution et il est probable qu’elles continueront à se renforcer à l’avenir.
