Quand prendre en compte l’accessibilité numérique dans un projet Web ?

L'accessibilité numérique est devenue un enjeu important de notre époque. La prise en compte des personnes en situation de handicap, lors de la réalisation d’une site internet, est essentielle pour tous les acteurs du Web. Pour les services publics et les entreprises à compter d’un seuil de chiffre d’affaires de 250 millions d’euros, c’est même une obligation légale.

De plus, à partir de 2025, tous les nouveaux produits ou services numériques devront être conforme au RGAA. Pour les projets sortis avant cette date, il faudra se mettre en conformité sous 5 ans. À lire également notre article : 2 ans pour rendre vos services et produits numériques accessibles.

Si vous souhaitez garantir l’accessibilité numérique de votre site Web, il est essentiel de prendre en compte ces enjeux dès le démarrage de votre projet. Si vous ne vous intéressez à l’accessibilité qu’à la fin de processus de conception, vous n’obtiendrez que des solutions « rustines ». Penser ces questions amont et durant toutes les phases du projet, permet de mieux se centrer sur les besoins des personnes en situation de handicap, et donc de concevoir un site plus accessible.

Au lancement du projet

Au début de votre projet digital, dans sa phase de définition, il est essentiel de vous fixer comme objectif de répondre aux critères du RGAA. Votre objectif de conformité doit clairement défini et communiqué en interne, pour que tous les intervenants sur le projet en comprennent l’enjeu.

Analyse des besoins

Lors de l’analyse des besoins, n’hésitez pas à mener une phase de recherche utilisateurs prenant spécifiquement en compte les personnes en situation de handicap. Des entretiens, enquêtes, focus group ou tests utilisateurs peuvent être menés avec eux pour comprendre plus spécifiquement leurs besoins et la façon dont ils utilisent vos services. En réalisant cette recherche, vous pourrez identifier leurs besoins spécifiques :

• Ont-ils besoin d’une fonctionnalité distincte ?
• D’informations particulières ?
• Etc.

Une recherche utilisateur généraliste permettra également de définir les besoins principaux des utilisateurs, et donc les parcours prioritaires pour les utilisateurs de vos services. Ils représentent les usages cruciaux au quotidien et sont donc à prioriser en termes d’accessibilité numérique.

Cette analyse des besoins vous permettra de rédiger un cahier des charges ou un appel d’offre prenant en compte ces questions. Pour vous aider sur ce sujet, n’hésitez pas à faire appel à un AMOA.

Prendre en compte l’accessibilité dans la rédaction du cahier des charges et de l’appel d’offre

Une fois que les besoins sont définis, l’appel d’offre et/ou le cahier des charges peuvent être rédigés. Ceux-ci doivent être clairement formulés pour indiquer que l’accessibilité numérique est un critère important du projet, et que le site Web devra être livré en respectant les critères du RGAA. Le cahier des charges doit présenter le ou les audits qui seront réalisés, et préciser que la mise en conformité des problèmes d’accessibilité doit être faite par le ou les prestataires choisis.

Ainsi, le choix des prestataires dépendra du niveau de connaissances sur ce sujet, de leurs formations, et de leurs compétences. N'hésitez pas à leurs demander des preuves, comme des références de sites internet réalisés et qui ont été évalués conformes au RGAA.

L’accessibilité numérique dans la conception fonctionnelle

La conception fonctionnelle est également une phase essentielle de l’accessibilité. Lors de celle-ci, vous allez décider des éléments qui vont être présents, de la façon dont l’arborescence de votre site internet va se déployer, aux fonctionnalités disponibles. Plusieurs sujets sont essentiels à prendre en compte lors de cette phase.

L’accès à l’information

Les personnes en situation de handicap ont généralement besoin de plus de temps, qu’une personne valide, pour naviguer sur un site Web. Cette action est plus longue et complexe. Il est donc essentiel de leur faciliter l’accès à l’information. C’est le travail des UX designers.

Les UX designers qui travailleront sur le projet doivent concevoir le site de façon à ce que les utilisateurs, en situation de handicap ou non, puissent naviguer et trouver le contenu. Le RGAA recommande, par exemple, la présence d’au moins deux systèmes de navigation, parmi : menu, plan du site et moteur de recherche. Cela permet à vos utilisateurs de trouver plus facilement l’information, de la façon qui leur semble le plus pratique et facile.

La présence de liens d’accès rapide permet aux utilisateurs qui consultent les pages de manière linéaire (mode vocal) ou semi-linéaire (écran de faible largeur) de ne pas avoir à défiler l’ensemble des éléments sur chaque page pour accéder aux contenus et fournissent des raccourcis accélérant la navigation au clavier et évitant des actions au clavier répétées pour parcourir la page et atteindre la zone souhaitée. Ces éléments seront donc à prendre en compte lors de la réalisation des prototypes.

Compréhension du fonctionnement

Un autre élément important de l’accessibilité numérique, mais également de l’expérience utilisateur de votre site Web, est que vos utilisateurs doivent pouvoir comprendre comment le site fonctionne. Pour cela, un des points les plus importants est la cohérence. Il est plus facile d’apprendre à utiliser un site Web, si celui-ci fonctionne toujours de la même façon.

Les designers de vos prototypes feront par exemple en sorte que les systèmes de navigation soient toujours à la même place et qu’ils fonctionnent de la même façon. Ils feront attention à ce que la navigation dans le site soit simple à comprendre, que ce soit pour un utilisateur au clavier ou une personne utilisant une synthèse vocale.

La conception fonctionnelle est très importante pour s’assurer d’une bonne expérience utilisateur sur votre site Web, d’autant plus pour les personnes handicapées.

L’accessibilité numérique dans la conception graphique

Ce n’est pas toujours facile de s’y retrouver lorsqu’on souhaite concevoir un site moderne, beau ET Accessible ! Contrairement à beaucoup d’idées reçues, le fait de faire de l’accessibilité numérique n’empêche en rien la liberté créative. Il faut juste respecter quelques règles. Ce sera le rôle du directeur artistique de suivre celles-ci, tout en offrant une identité graphique originale.

Un des éléments les plus importants à prendre en compte est les couleurs et contrastes. Lorsque vous choisissez une palette de couleurs pour votre site Web, vous devez vous assurer que la couleur du texte (au premier plan) contraste bien avec la couleur d'arrière-plan. Votre design peut vous plaire, mais cela ne fonctionnera pas si les personnes avec un handicap visuel comme le daltonisme ne peuvent pas lire votre contenu. La conception de votre charte graphique digitale dépendra donc de cette règle, et vous devrez choisir des couleurs avec un contraste suffisant pour assurer l’accessibilité.

La conception graphique devra également prendre en compte l’accessibilité numérique de la police d’écriture et la possibilité d’augmenter la taille du texte et des espacements entre les lettres, ainsi que l’accessibilité des animations.

Pour réaliser un site Web accessible, il est donc essentiel que votre directeur artistique soit sensible à l’accessibilité numérique et formé à ces sujets.

L’accessibilité numérique lors de la réalisation du site

Les équipes chargées de l’intégration et du développement d’un site ou d’une application Web sont responsables de l’implémentation technique de l’accessibilité numérique. Une très grande part du résultat repose sur leurs épaules.

Toute la chaîne de développement à son rôle à jouer

Par exemple la façon dont l’information est présentée, dépendra de la mise en forme CSS. Il faudra prendre en compte la possibilité de zoomer, d’adapter et de personnaliser l’interface pour les personnes qui en ont besoin.

Mais il est également essentiel que les standards du langage HTML soient respectés (titre de page, indication de langue, etc.) et que le code soit parfaitement valide pour pouvoir être interprété sans soucis par les technologies d’assistance.

De nombreux autres éléments sont à prendre en compte : la structuration des tableaux, du document, la structure même du code HTML, la gestion de JavaScript pour s’assurer de son accessibilité, ou encore les formulaires.

L’évaluation de l’accessibilité

La réalisation d’un site accessible est un travail complexe, qui nécessite des équipes formées, mais également des évaluations de l’accessibilité numérique régulières.

En effet, pour développer un site accessible, il est essentiel que les développeurs sachent utiliser des outils de vérification du code, leur permettant de corriger les erreurs d’accessibilité. Un accompagnement par un expert auditeur permet également de corriger les erreurs dès qu’elles arrivent, et donc d’éviter des coûts de correction plus importants.

À la fin du développement, lors de la phase de recette, un audit permettra de connaitre le niveau d’accessibilité numérique du site Web et de corriger les dernières erreurs avant de réaliser la déclaration d’accessibilité... Qui devrait donner un résultat satisfaisant !

Dans la vie du site Web et les contributions

Une fois que votre projet digital est en ligne, il est encore possible d’appliquer d’autres bonnes pratiques. Ces bonnes pratiques reposent majoritairement sur vos contributeurs. Ceux-ci doivent être formés à l’accessibilité numérique en contribution Web.

Quelques points spécifiques de l’accessibilité numérique sont particulièrement pertinents pour vos contributeurs, et donc la poursuite d’un niveau optimal d’accessibilité une fois le site Web déployé. Il s’agit de vos médias, vos documents et de vos textes.

Accessibilité numérique des images, vidéos, audio...

Pour que les images soient accessibles aux personnes ayant des troubles visuels, alors il est essentiel de prévoir des textes alternatifs. Le texte alternatif le plus simple disponible est le modeste attribut alt, que nous devrions inclure dans toutes les images qui contiennent un contenu pertinent. Il peut contenir une description de l'image qui transmet clairement son sens et son contenu sur la page, pour être récupéré par un lecteur d'écran et lu à l'utilisateur.

Pensez également à l’accessibilité numérique de vos autres médias comme les vidéos, qui nécessitent la présence de sous-titres, ou de vos podcasts, pour lesquels la présence d’une transcription est utile.

Accessibilité des documents

L'accessibilité numérique des documents en téléchargement, comme des livres blancs ou dossiers, relève des mêmes enjeux que l'accessibilité d'un contenu Web. Vous devez structurer un document avec des titres, des listes, etc. pour permettre aux utilisateurs de pouvoir naviguer et se repérer aisément dans le document.

Toutes les autres problématiques s'appliquent également : les couleurs, les descriptions d'image, les tableaux, les liens, etc.

L’accessibilité des textes

Pour les textes de votre site, de nombreux éléments peuvent s’appliquer. Il existe encore de nombreuses discussions sur les recommandations à avoir en termes de police de caractère, d’espacement entre les lettres et mots ou d’interlignage. S’il n’existe pas encore de règle normée sur ces sujets, gardez à l’esprit que la lisibilité est primordiale. De la même façon, de nombreux débats existent sur la compatibilité de l’écriture inclusive avec l’accessibilité numérique.

Le quick win le plus important est d'utiliser une structure de titres (balises <h>) et de paragraphes pour votre contenu ; parce que les utilisateurs de lecteurs d'écran ont tendance à utiliser les rubriques d'un document comme indications pour trouver le contenu qu'il recherche plus rapidement. Si votre contenu n'a pas de rubriques, tout ce qu'ils auraient c'est un énorme mur de texte sans aucune indication pour trouver quelque chose.

Prenez également en compte le niveau de langage utilisé et la complexité de la langue. Vous pouvez faire former vos contributeurs au FALC (Facile à Lire et à Comprendre) ou au langage clair.

En conclusion, l’accessibilité numérique est un élément qu’il est essentiel de prendre en compte tout au long de votre projet, de la phase de réflexion à la mise en ligne, en passant par l’ux design et l’intégration, toutes les étapes d’un projet digital sont importantes.

Chez Adimeo, nous vous accompagnons sur toutes les étapes de votre projet. Avec des experts formés : consultants digitaux, développeurs back et front, UX designers, auditeurs, etc., nous mettons à votre disposition une équipe complète pour vous accompagner dans la réalisation d’un site accessible.

Crédit photo : carloscastilla