Comment garantir l'accessibilité numérique de votre site Web ?

Vous êtes désormais convaincu qu’il est nécessaire de rendre votre site web plus accessible aux personnes en situation de handicap, que ce soit par conviction, pour toucher un public plus large, être mieux référencé ou respecter les obligations légales. Vous vous posez cependant une question : Comment faire ?

Pour rendre votre site Web accessible à tous, deux paramètres doivent être réunis. Tout d’abord, les agents utilisateurs doivent être accessibles. Par agents utilisateurs, nous entendons tout logiciel que l’on utilise pour accéder à votre site Web : les navigateurs, les plug-ins, les lecteurs multimédias et les logiciels d’assistance. En effet, il faut que l’utilisateur puisse accéder facilement à votre site web, sans souci.

Ensuite, il faut que le contenu de votre site web soit accessible. C’est sur ce paramètre que vous allez avoir la plus grande possibilité d’action. Comment rendre accessible à tous le texte ? Les images ? La navigation ? C’est ce que nous allons voir dans cet article.

Quelles règles à suivre pour rendre mon site web plus accessible ?

Il existe des règles et des conseils, qui permettent de vérifier l’accessibilité d’un site Web. En France, le Référentiel Général pour l'Amélioration de l'Accessibilité (RGAA) est souvent utilisé. Ce référentiel se base largement sur les normes internationales de référence, particulièrement celles édictées par le W3C.

Le World Wide Web consortium ou W3C est une communauté internationale qui développe des normes et des initiatives pour assurer la croissance à long terme du Web. Parmi les normes élaborées, les Règles pour l'accessibilité des contenus Web (Web Content Accessibility Guidelines, ou WCAG) sont la référence internationale en matière d’accessibilité des contenus sur le web.

Elles reposent sur 4 grands principes d’accessibilité, qui peuvent être déclinés en règles plus précises et techniques. L’avantage de ces principes, c’est que, peu importe les évolutions technologiques, ils demeureront toujours applicables, puisqu’ils représentent les bases nécessaires pour qu’un utilisateur puisse accéder à un contenu web.

Les 4 grands principes d'accessibilité

Nous allons maintenant découvrir ces 4 grands principes en détail, ainsi que quelques règles qui y sont rattachées.

Principe 1 : la perceptibilité

Le premier principe est la perceptibilité, c’est-à-dire la possibilité pour les personnes de pouvoir percevoir le contenu par un de leurs sens. Généralement il s’agit du fait que la personne puisse voir ou entendre le contenu, mais elle peut également utiliser le toucher, comme lors de l’utilisation d’une page braille.

Pour s’assurer de la perceptibilité de son contenu par les utilisateurs, et spécifiquement les personnes en situation de handicap, la clé c’est l’adaptabilité ! Il faut que les contenus puissent être perçus peu importe le contexte d’utilisation ou le handicap de l’utilisateur. Il existe de nombreux formats de présentation et tous ne sont pas accessibles à tout le monde.

C’est pour cette raison qu’une des règles essentielles de la perceptibilité est de séparer la forme du fond. Il est nécessaire de créer des contenus qui peuvent être présentés de différentes manières sans perdre la signification.

> Quelques conseils :

• Proposer des alternatives textuelles à tout contenu non textuel : Le contenu non textuel, ce sont les différents supports visuels de votre site web, les images, icônes, tableaux, etc. Pour percevoir ces éléments, les personnes mal ou non-voyantes ont besoin de description alternatives, qui pourront être lues par leur lecteur d’écran.
• Fournir des alternatives pour les médias temporels : Un média temporel est un média qui se déroule dans le temps, comme les formats vidéo ou audio. Pour ces médias, il est nécessaire de proposer des alternatives comme des transcriptions ou sous-titres pour les personnes malentendantes et des descriptions pour les personnes non-voyantes.
• Faciliter la perception visuelle et auditive du contenu : Gardez bien à l’esprit que votre utilisateur peut ne pas être en mesure de bien percevoir certains contenus, il faut donc lui faciliter la vie. Évitez, par exemple d’utiliser la couleur pour faire passer des informations ; Faites attention à respecter un niveau de contraste suffisant entre votre texte et le fond ; N’utilisez pas de musique de fond qui perturberait l’utilisation d’un lecteur d’écran, etc.

Principe 2 : l’utilisabilité

Le second principe est l’utilisabilité. Il s’agit de la possibilité pour les utilisateurs d’utiliser sans difficulté les éléments d’interface et de navigation.

Votre contenu peut être parfaitement perceptible, si votre utilisateur ne peut pas naviguer sur votre site web, il ne pourra pas y accéder. C’est pour cela que ce principe est important.

De nombreuses PSH vont utiliser des systèmes de navigation ou de saisie alternatifs pour accéder à votre contenu. Une personne aveugle ne pourra pas utiliser de souris, dont il ne verra pas le pointeur, il naviguera donc entièrement au clavier. Une personne paraplégique peut utiliser un système de contrôle basé sur le souffle, ou encore sur le suivi des mouvements oculaires (eye-tracking), etc. Il y a un très grand nombre de possibilités et il est donc nécessaire de faciliter leur utilisation.

Le Handi Joystick - Photo Bluelina

> Quelques conseils :

• Rendre toutes les fonctionnalités accessibles au clavier : De nombreuses personnes en situation de handicap ou non, utilisent uniquement le clavier pour naviguer. De plus, de nombreux systèmes alternatifs de saisie sont basés sur le fonctionnement du clavier. Il est donc essentiel que la navigation puisse se faire entièrement au clavier.
• Laisser à l’utilisateur suffisamment de temps pour lire et utiliser le contenu : La durée nécessaire pour accomplir une tâche est très différente d'une personne à l'autre. Certaines situations de handicap physique ou psychiques causent un ralentissement des actions. Si un élément est soumis à un certain délai (formulaire, expiration de session connectée, etc.) permettez aux utilisateurs de prolonger celui-ci ou de sauvegarder leur travail.
• Navigation : Aidez l’utilisateur à naviguer, à trouver le contenu et savoir où il se trouve dans la page. Il faut, par exemple, penser à indiquer clairement la cible des liens pour faciliter la navigation ; Ne pas cacher le focus clavier, qui permet à l’utilisateur de savoir quel élément est sélectionné ; Afficher un fil d’Ariane ou autre aide permettant de connaitre la position de la page ; etc.

Principe 3 : la compréhensibilité

Le troisième principe est la compréhensibilité. Il s’agit de rendre les informations et l’utilisation de l’interface compréhensibles pour les utilisateurs.

Vos utilisateurs doivent pouvoir accéder facilement au sens du contenu textuel, mais également pouvoir comprendre comment le site fonctionne.

Il peut s’agir de personnes rencontrant des difficultés à comprendre un langage complexe, à cause de handicap psychiques, mais aussi de faibles connaissances ou car la langue que vous utilisez n’est pas leur langue maternelle.

Pour la navigation, tous les utilisateurs bénéficieront d’une interface compréhensible, mais cela bénéficiera d’autant plus aux personnes souffrant de difficultés d’apprentissage ou aux personnes ayant peu de peu compétences web.

> Quelques conseils :

• Rendre le contenu textuel compréhensible : Précisez dans le code la ou les langues utilisées, cela permettra aux traducteurs automatiques, aux lecteurs d’écran et autres agents utilisateurs de l’interpréter correctement ; N’utilisez pas de jargon trop technique ou d’abréviations sans les expliciter ; Essayez d’utiliser des phrases et un niveau de langage simple (voir notre article sur le « Langage clair, FALC… et si on essayait enfin de se faire comprendre ? ») ; etc.
• Rendre le fonctionnement de l’interface compréhensible : Faites en sorte que le fonctionnement de votre site soit cohérent. Les menus doivent toujours fonctionner de la même manière, les boutons et les liens doivent être identifiés et fonctionner de façon similaire. La navigation dans votre site doit être facile à apprendre.
• Aider l’utilisateur à éviter et corriger les erreurs : Prenons l’exemple d’un formulaire. Si vous ne précisez pas d’instructions, quel type de réponse vous souhaitez dans un champ ou n’indiquez pas clairement les endroits dans lesquels l’utilisateur a commis une erreur, le remplissage du formulaire risque d’être très complexe. Pensez aussi à laisser la possibilité à l’utilisateur de corriger ses erreurs, en le laissant modifier les informations qu’il a donné.

Principe 4 : la robustesse

Le dernier principe est la robustesse. Il s’agit d’optimiser la compatibilité de votre site Web avec les outils des utilisateurs actuels et futurs.

Cela signifie que votre contenu doit être facilement interprétable, de manière fiable par une large variété d’agents utilisateurs, y compris les technologies d’assistance. Ce principe concerne toutes les personnes, en particulier celles qui utilisent des logiciels et technologies spécifiques pour accéder au Web.

Pensez aux personnes accédant à votre site avec une lecture d’écran, une technologie de suivi de mouvements oculaires, des logiciels de traduction, etc. Il est nécessaire que votre site soit compatible avec ces technologies.

> Quelques conseils :

• Balisage : Il est nécessaire que tous les éléments soient correctement balisés dans le code, pour permettre l’interprétation correcte par les agents utilisateurs.
• Identifiez correctement le nom et le rôle de chaque élément : Utilisez les langages de balisage, comme HTML ou ARIA pour définir correctement ces informations, qui vont permettre une utilisation facilitée.

En conclusion, pour garantir l’accessibilité, les grands principes et les règles associées doivent être réfléchies et mises en place dès le début de votre projet de site web. Toutes les phases de votre projet et tous les acteurs ont un impact sur l’accessibilité de votre site.

Il y a, bien sûr, des éléments que vous pouvez appliquer facilement, même une fois le développement terminé (comme l’ajout d’alternatives textuelles), et qui vous permettront d’améliorer l’accessibilité, mais certaines règles nécessitent des compétences techniques spécifiques et une connaissance approfondie. Donc si vous souhaitez évaluer l’accessibilité de votre site ou développer un site Web proposant un bon niveau d’accessibilité, il est recommandé de s’adresser à des professionnels. Des partenaires comme Adimeo peuvent vous aider à développer un site accessible.

Crédit photo : 

• utah778
• Elizabeth Woolner
• Bluelina