7 conseils et 6 outils pour rendre un site web accessible

Créer un site web est devenu monnaie courante chez un grand nombre de professionnels. Qu’il s’agisse d’un site réalisé soi-même ou bien par un freelance ou une agence, ce levier de communication est soumis à une évolution constante des normes de sécurité mais aussi d’accessibilité. Dans cet article nous vous expliquons pourquoi il est devenu indispensable de rendre son site web accessible et nous vous donnons nos meilleurs conseils pour y parvenir !

Pourquoi faut-il rendre son site web accessible ?

En effet, si les sites internet sont de plus en plus prisés par les entreprises c’est parce qu’il y a de plus en plus d’internautes ! Ces derniers ont des profils différents et créer un site web accessible est devenu indispensable pour que n’importe qui puisse le consulter sans difficulté.

Si l’accessibilité est une obligation pour certaines entreprises qui souhaitent publier du contenu en ligne comme le stipule l’article 47 de la loi n° 2005-102, vous ne serez pas forcément concerné par cette dernière. Cependant, nous vous recommandons fortement de travailler sur l’accessibilité de votre site web et voici pourquoi.

Depuis 2016, la directive UE sur l’accessibilité a imposé des normes pour que les sites web soient accessibles à n’importe quel utilisateur. Voici quelques-unes des normes à appliquer :

• le site web ou l’application mobile doit pouvoir justifier d’une déclaration d’accessibilité ;
• les utilisateurs doivent pouvoir signaler des dysfonctionnements ou faire une demande d’information sur du contenu non accessible…

Rendre un site web accessible signifie donc qu’il doit être compréhensible et lisible par tous et ce, qu’importe le support ou le navigateur. En effectuant les optimisations d’accessibilité, vous vous ouvrez à une cible beaucoup plus large !

Quelle réglementation sur l’accessibilité d’un site web ?

La réglementation sur l’accessibilité web est assez complexe et c’est d’ailleurs le cas de beaucoup de sujets liés au numérique. Afin de vous aider à y voir plus clair, nous avons répertorié quelques-uns des sites auxquels vous pourrez vous référer concernant les démarches à suivre.

Quels sont les référentiels pour créer un site web accessible ?

En France, le gouvernement a mis en place le RGAA (Référentiel Général d’Accessibilité pour les Administrations). Il a été mis en place pour que les personnes en situation de handicap puissent avoir accès à tous les services en ligne.

Au niveau international, les standards référentiels sont les WCAG. Ces normes ont été instaurées par le W3C afin de réglementer le développement des sites internet et d’assurer leur accessibilité à n’importe quel utilisateur. Il existe plusieurs versions des WCAG, la dernière étant « WCAG 2.1 ». Le but de ces normes est d’adopter les bonnes pratiques de l’accessibilité web. Les normes WCAG sont articulées autour de 4 principes :

• perceptible ;
• utilisable ;
• compréhensible ;
• robuste.

En plus de ces principes, vous pourrez vous référer à 4 niveaux d’accessibilité dont nous vous expliquons les grandes lignes juste en dessous !

Les différents niveaux d’accessibilité selon les WCAG

Au même titre que les niveaux de signature électronique, l’accessibilité web se met en place sous plusieurs niveaux :

• Niveau A : ce niveau, le plus simple suggères des optimisations assez faciles à mettre en place comme le fait de mettre des sous-titres sous un contenu audio ou vidéo par exemple.
• Niveau AA : au-delà des sous-titres, le niveau AA impose l’audiodescription sur tous les contenus vidéo.
• Niveau AAA : en plus des sous-titres et de l’audiodescription, le niveau AAA impose la mise en place d’une retranscription en langage des signes.

Si vous souhaitez en savoir plus sur les bonnes pratiques des WCAG, nous vous recommandons de vous rendre directement sur le site officiel.

Quels sont les différents handicaps à prendre en compte ?

La vision

Le handicap visuel peut se traduire par plusieurs façons, vous devrez donc veillez à couvrir chacune de ces particularités :

• les personnes non voyantes et mal voyantes ;
• les personnes daltoniennes ;
• les utilisateurs myopes, astigmates, hypermétropes…

En plus des réglages liés à la taille de la police, vous devrez donc veiller à choisir les bonnes couleurs et instaurer les bons contrastes.

La motricité

Les problèmes de motricités regroupent aussi bien les personnes atteintes d’une pathologie que les handicaps temporaires.

Vous devrez donc vous assurer que votre site internet soit utilisable sans souris par exemple ou bien pensez à instaurer un message de confirmation lorsque l’utilisateur effectue une action qui pourrait avoir un impact sur le reste de son expérience.

L’audition

Pour ce qui est de l’audition, vous devrez aussi bien tenir compte des personnes malentendantes que des non-entendants.

Au-delà des sous-titres, vous devrez alors réfléchir à une solution de retranscription en langage des signes pour vos contenus vidéos.

Les problèmes cognitifs

Souvent liés à la concentration et à la compréhension, les handicaps cognitifs touchent un grand nombre de la population. Afin de proposer un site web accessible aux personnes atteintes de troubles cognitifs, vous devrez donc, en plus du contenu et des visuels, réfléchir à une structure stratégique pour votre site web.

Le manque d’habitude

Le fait de ne pas être un utilisateur fréquent des outils digitaux n’est pas un handicap à proprement parler mais il a un impact sur l’expérience utilisateur ! En effet, selon les générations, les habitudes ne sont pas les mêmes et pourtant, de plus en plus de personnes visitent des sites internet, tout âge confondu ! Il serait donc dommage de négliger une part de votre clientèle cible.

7 conseils pour rendre son site web accessible

Evaluer l’accessibilité de son site web

La première étape pour améliorer l’accessibilité de votre site internet est d’évaluer les dispositions que vous auriez peut-être déjà prises. Pour ce faire, vous pourrez donc avoir recours à plusieurs options.

• Avec des outils : il existe des outils en ligne pour évaluer l’accessibilité de votre site web. Les moteurs de recherche Firefox et Google ont par exemple développé leurs propres solutions. Ces outils ont été développés sous forme d’extensions que vous pourrez facilement installer directement depuis votre moteur de recherche.
• En le faisant tester par des utilisateurs : rien de tel que les utilisateurs pour faire les recommandations les plus pertinentes ! Qu’il s’agisse de votre entourage ou d’utilisateurs sélectionnés suite à l’envoi d’un formulaire, les utilisateurs test pourront vous apporter des informations clés sur les optimisations à apporter à votre site web.
• En faisant appel à un professionnel de l’accessibilité web : si vous n’êtes pas très à l’aise avec l’optimisation de votre site internet, sachez qu’il est tout à fait possible de faire appel à un expert dans le domaine.

Travailler l’aspect visuel de votre site

Afin de proposer un site internet accessible, vous devrez prêter attention à quelques éléments visuels dont :

• Le choix des couleurs : en effet, les personnes malvoyantes peuvent avoir du mal à lire des blocs de textes si les contrastes ne sont pas suffisants. Il en va de même pour les personnes daltoniennes qui pourront être confrontées à des obstacles si leurs actions sont liées à un choix de couleur (ex : “Cliquez sur le bouton vert pour en savoir plus”).
• La taille et l’épaisseur des polices : l’une des solutions à mettre en place serait par exemple d’intégrer une fonctionnalité qui permettrait à l’utilisateur de régler la taille et l’épaisseur du texte.
• S’assurer de la cohérence des icônes : les icônes peuvent être un bon moyen de transmettre des informations sans avoir à passer uniquement par du texte. Veillez cependant à choisir des icônes compréhensibles par tous et en adéquations avec les actions qu’ils engagent ou les informations auxquels ils seront associés.
• S’assurer de la visibilité et de l’accessibilité des boutons : afin de garantir une bonne expérience utilisateur vous devrez également vous assurer de la visibilité des boutons. Vous pourrez alors jouer sur la taille du bouton, de la police ou encore travailler les ombrages ou bien ajouter un effet d’animation au survol par exemple.

Penser aux sous-titres pour les contenus multimédias

Les sous-titres sont indispensables pour rendre un site web accessible ! Si vous publiez du contenu audio ou vidéo, vous devrez impérativement penser à mettre une retranscription à disposition des utilisateurs.

Cette retranscription peut apparaître en synchronisation avec la vidéo ou l’audio ou bien apparaître à côté ou en dessous du contenu lié. Vous devrez alors préciser qu’il s’agit de la version texte du contenu qui ne pourra être entendu.

Au même titre que les sous-titres, les alternatives textuelles permettront à tous vos visiteurs de profiter des contenus de votre site internet. Si vous décidez de mettre des visuels en ligne, pensez à mettre une alternative textuelle à disposition !

Réaliser une interface responsive

Certains utilisateurs ne peuvent pas visualiser votre contenu depuis un smartphone ou depuis un ordinateur. Veillez à construire un site internet dont le format sera aussi bien adapté à la version web qu’à la version mobile.

Un grand nombre de logiciels de création de site web mettent la fonctionnalité responsive à disposition, vous pourrez donc créer un site vous-même, sans faire appel à un professionnel ou à une agence !

Remplir les tous les champs

Plus vous donnerez d’informations, plus le parcours utilisateur de vos visiteurs sera efficace. Pensez donc à pré remplir les champs de vos formulaires par exemple afin d’indiquer clairement ce qui est attendu.

Ainsi, les utilisateurs pourront profiter d’une expérience intuitive et accessible.

Assurer plusieurs moyens de navigation

Il sera essentiel d’assurer plusieurs moyens de navigation sur votre site web. Pour ce faire, vous devrez donc construire votre site de manière que tous les éléments soient aussi faciles d’accès avec une souris quand depuis un clavier ou avec la commande vocale par exemple.

Permettre le contrôle des éléments qui se déclenchent automatiquement

Outre les fenêtres pop-up ou les bandeaux cookies, certains contenus audio ou vidéo se déclenchent parfois automatiquement à l’ouverture de la page ou après avoir cliqué sur un bouton. Ces contenus automatisés peuvent représenter une nuisance pour certains utilisateurs, vous devrez donc vous assurer qu’il est facile de les désactiver ou de les mettre sur pause.

Quelles solutions pour rendre un site web accessible ?

Qu’il s’agisse d’un portfolio, d’un site vitrine ou encore d’une boutique en ligne, votre site web aura plus de chances de toucher un public assez vaste si vous travaillez son accessibilité.

Pour créer un site professionnel accessible, vous pouvez dans un premier temps vous tourner vers un logiciel de création de site comme Wix ou encore Hostinger Créateur de site. La plupart de ces outils proposent aujourd’hui des optimisations intégrées dans les fonctionnalités de base mais si vous souhaitez aller plus loin vous pouvez aussi jeter un œil aux plug-ins ! Sur WordPress par exemple, vous pourrez profiter d’une palette infinie de fonctionnalités sous forme de plug-ins, dédiées à l’accessibilité web. Sachez qu’il existe également des outils qui vous permettront d’optimiser votre site comme :

• Google Chrome Accessibility Developer Tools : ici vous trouverez un guideline, des astuces ainsi que tous les outils développés par Google pour optimiser l’accessibilité web de votre site internet
• A11y Color Contrast : comme son nom l’indique, A11y Color Contrast vous permet de tester et d’ajuster le contraste des couleurs de votre site internet.
• Pa11y : Pa11y vous permet d’identifier les problématiques liées à l’accessibilité de votre site web, c’est un outil complet avec des solutions assez faciles à mettre en place.
• ChromeLens : cet outil développé par Google vous permet, entre autres, de simuler les différents cas de handicap. Ainsi, vous pourrez articuler au mieux le développement de votre site internet.
• Jaws : plutôt adressé aux utilisateurs en situation de handicap visuel, Jaws est un lecteur d’écran qui permettra une navigation fluide sans avoir recours à la souris.
• IBM : conçu pour tester l’accessibilité des sites web, IBM a développé en 2021 une suite d’outils dédiés aux développeurs qui souhaitent construire des sites web accessibles.

En plus de ces outils, vous pouvez également travailler avec la police Open-Dyslexic qui a été conçue pour faciliter la lecture des personnes dyslexiques.

FAQ