Selon l’Enquête canadienne sur l’incapacité (ECI), 6,2 millions de Canadiens âgés de 15 ans et plus ont une incapacité. Ces gens utilisent l'internet dans leur quotidien et ils comptent sur l’accessibilité des sites web pour accéder à des informations. Il est donc important de comprendre leurs besoins et les problèmes sous-jacents qui rendent un site web difficile ou impossible à utiliser pour ces personnes.
En concevant des sites avec l’accessibilité en tête, il est donc possible de rendre l’expérience nettement meilleure pour ces personnes. Dans cet article, nous tenterons d'expliquer pourquoi nous devons accorder une plus grande importance à l'accessibilité du web.
Garantir l'accès pour tous à l'intégralité des informations sur le web
Afin de garantir une expérience agréable et un accès à l'information pour tous, certains critères doivent être respectés lorsqu'on navigue sur le web. Le contenu écrit doit être facilement lisible par une personne dyslexique, mais aussi être compréhensible s’il est lu par un lecteur d’écran utilisé par les personnes aveugles. Les vidéos doivent être sous-titrées et retranscrites pour les personnes sourdes et malentendantes et posséder une vidéodescription pour les personnes aveugles ou malvoyantes. La navigation doit également être optimisée pour les outils utilisés par les personnes à mobilité réduite. Sans oublier les personnes âgées et celles moins habiles avec la technologie, les daltoniens et les personnes qui utilisent des appareils moins récents ou disposant de faibles niveaux de contrastes.Il s’agit donc de rendre le web et ses services accessibles à tous, quel que soit le matériel ou le logiciel utilisé, sa langue maternelle, sa culture, sa localisation géographique, son âge, ou ses aptitudes physiques ou mentales.
De nombreux pays et gouvernements ont déjà adopté des lois visant à garantir que les sites web et les logiciels répondent aux normes d'accessibilité. Légalement, mais aussi moralement, comme propriétaire d’un site web, vous êtes tenu de respecter des normes d'accessibilité afin de rendre vos contenus accessibles à tous sans discrimination.
Afin d’optimiser l’accessibilité web, l’organisme de standardisation W3C regroupe les recommandations en trois catégories d’intervention :
- le design du site web ;
- le développement technique de la page web ;
- la rédaction de contenus web.
L'accessibilité du web vers un design plus inclusif
Le design inclusif ou universel est une approche de création prenant en compte la diversité humaine. Elle permet le développement de produits et services numériques ouverts à tous et qui ne nécessitent pas d’adaptation de la part des utilisateurs. Être inclusif dans sa conception signifie comprendre comment et pourquoi différentes catégories de populations sont exclues de certaines activités élémentaires de la société. Penser un design de façon inclusive, c’est aussi reconnaître qu’il existe des handicaps temporaires qui nous affectent tous. Par exemple, lorsque l’on porte un plâtre, qu'on se retrouve dans un lieu bruyant ou à bord d'un autobus en marche.
Le design de votre site web aura alors un impact majeur sur l'accessibilité de ses contenus. Voici donc quelques éléments à considérer afin de concevoir un site web plus inclusif:
Une architecture des contenus bien structurée
Le site doit être logiquement structuré en respectant certains principes sémantiques, mais ce qui est surtout important ici c'est la hiérarchisation du texte (à l’aide des balises Hn) qui permet à une personne ne lisant que les titres de comprendre le contexte et un aperçu logique du contenu de la page.
Des espacements suffisants entre les éléments cliquables
Évitez les fausses manipulations en prévoyant des espaces suffisants entre les différents éléments cliquables. Cela aidera aussi bien la personne atteinte par la maladie de Parkinson que celle qui navigue sur le web à partir de son téléphone à bord d'un autobus.
Des contrastes et des couleurs distinctes
Assurez-vous que les contrastes des textes, des couleurs et des images sont suffisants. Il existe des outils en ligne gratuits pour évaluer ces contrastes, n’hésitez pas à les utiliser. Veillez également à ne pas utiliser côte à côte des couleurs similaires ou difficilement différenciables par les personnes atteintes de daltonisme. Ne vous limitez pas qu’aux codes de couleur pour la navigation ou les instructions ; accompagnez-les d’icônes ou de texte. N'oubliez pas que vos visiteurs peuvent utiliser de vieux appareils ou être en situation où les contrastes ne sont pas optimaux comme lorsqu'on utilise son téléphone à l'extérieur en plein soleil.
Des polices de caractères bien lisibles
Privilégiez les polices classiques, lisibles et de taille suffisamment grande tant pour les titres que pour le texte. Il est très important que la mise en page de votre site web puisse s'adapter lorsqu'un utilisateur choisit de grossir le caractère à l'aide des paramètres de son navigateur.
Des éléments interactifs clairs et simples
Dans le jargon, le terme affordance veut dire la capacité d’un objet à suggérer sa propre utilisation. Cette approche est primordiale pour éviter les hésitations et frustrations. Faites en sorte que les éléments interactifs soient clairs et simples dans son utilisation afin de simplifier le parcours de navigation de l’utilisateur. En d'autres mots, assurez-vous que les boutons aient l'air de boutons ou d'éléments cliquables et que les textes qui l'accompagnent décrivent bien l'action qui sera effectuée.
Une navigation naturelle et instinctive
N'essayez pas d'être créatif ou de sortir des sentiers battus lorsque la navigation est concernée. Les habitudes que nous avons tous comme utilisateurs doivent être respectées afin de les guider de façon naturelle dans leurs parcours. C'est d'ailleurs pourquoi on retrouve le bouton du choix de la langue ou l'icône du panier d'achats toujours aux mêmes endroits lorsqu'on navigue sur les sites web. Assurez-vous que vos visiteurs puissent retrouver les mêmes éléments aux endroits où ils sont habitués à les retrouver.
Minimiser les mouvements/animations
Les sites web sont de plus en plus interactifs et au cours des dernières années nous avons vu l'apparition de nombreuses animations et mouvements parmi les nouvelles tendances du web. Qu'il s'agisse d'arrière-plans qui bougent en parallaxe, de défilements, d'effets lorsqu'on bouge la souris ou d'autres types d'animations basés sur le défilement, en accessibilité du web ces effets sont à proscrire ou à utiliser de manière modérée. Même s'il existe des moyens de permettre certains mouvements ou animations tout en respectant les règles d'accessibilité, vous devrez prévoir que certains visiteurs pourront choisir de désactiver ces types de mouvements dans leurs navigateurs. Ils ne doivent donc pas servir ou nuire à la navigation ou à la lisibilité de vos contenus.
Créer des contenus accessibles
Afin de rendre tous les contenus de votre site web accessibles, vous devrez vous assurer que chaque type de contenu respecte au minimum les critères suivants :
- des vidéos adéquatement sous-titrés, retranscrits et avec vidéodescriptions;
- des fichiers audios retranscrits dans votre page;
- des images sans texte avec les descriptions d'images en alt-text qui donnent un contexte à ceux qui utilisent un lecteur d'écran;
- les titres des fichiers à télécharger ou les liens qui sont bien identifiés (ex. Téléchargez le rapport annuel 2021 d’ACME en format PDF).