L'accessibilité numérique, savez-vous vraiment à quoi cela correspond ? Aujourd’hui, c’est devenu indispensable et obligatoire pour votre site web. Sans ça, vous vous fermez à près de 20% de la population et perdez l’opportunité d’avoir une audience plus large.
Heureusement, MyDigitalSchool Rennes avec sa formation webdesign, vous explique les fondamentaux de l'accessibilité numérique dans cet article.
Qu’est-ce que l’accessibilité numérique ?
L’accessibilité numérique c’est l’ensemble des techniques et bonnes pratiques qui permettent aux personnes dans une situation de handicap et aux personnes âgées, d’accéder au contenu du site internet.
Pourquoi c’est important ?
En France, 24% de la population active entre 15 et 64 ans, est en situation de handicap (source : le ministère de l’Éducation nationale et de la Jeunesse). Cela représente près de 9,6 millions de personnes qui n’ont pas accès à de nombreux sites internet ! Une entreprise qui ne tient pas compte de ces enjeux, se ferme à une partie du public. Avoir un site accessible pour tout le monde vous apporte évidemment de nombreux avantages :
- Un accès égal à votre site pour tout le monde
- Élargir votre audience
- Avantage face à la concurrence qui eux n’ont peut-être pas un site accessible à tous
- De nombreux pays ont des lois concernant l’accessibilité du web et des logiciels (voir notamment le site de la RGAA - Référentiel Général d’Amélioration de l’Accessibilité). Ainsi, vous restez conforme aux lois.
Les handicaps les plus courants à considérer pour l’amélioration de l’accessibilité
Handicap moteur
Le handicap moteur fait référence aux personnes qui ont des difficultés à déplacer des parties de leur corps. Bien-sûr, il existe plusieurs formes de handicap moteur.
Ici, dans le contexte de l’accessibilité web, un handicap moteur peut causer l’incapacité à utiliser la souris, le clavier ou encore à un manque de réactivité.
Handicap visuel
Le handicap visuel fait référence aux personnes possédant l'incapacité totale ou partielle de voir, ainsi qu’aux daltoniens.
En France, près de 1,7 million de personnes sont atteintes d’un trouble de la vision - et seulement 10% des sites internet sont accessibles aux personnes aveugles et malvoyantes (source : fédération des aveugles de France). Il est donc important de prendre en compte ce handicap en veillant par exemple à avoir des boutons bien explicites, des contrastes de couleurs, des images avec une alternative textuelle…
Handicap cognitif
Le handicap cognitif peut prendre des formes variées qui affectent les capacités cognitives : la dyslexie, les problèmes de concentration, de mémoire ou de compréhension… Pour leur permettre l’accès à votre site, il est primordial d’avoir des informations et un processus simplifié, une navigation structurée ou encore des paragraphes et blocs de textes pas trop longs.
Handicap auditif
Le handicap auditif concerne les personnes souffrantes de problèmes d’audition, léger à la surdité totale. Il est donc nécessaire, pour ces personnes, de sous-titrer ou transcrire les contenus multimédias du site.
Nos conseils pour rendre votre site web accessible
1 - Penser aux couleurs et aux contrastes
Les couleurs sont très importantes. Il est primordial de pouvoir distinguer les différents éléments de la plage. Il faut que le texte du premier plan soit suffisamment contrasté avec l'arrière-plan.
Pensez aussi aux couleurs utilisées sur des champs obligatoires ou des messages d’erreurs. La couleur ne peut être perçue de la même façon par un daltonien, un malvoyant, ou même la résolution de l’écran.
2 - Penser à la navigation avec un clavier
Pour des personnes avec des troubles de la motricité, n’ayant pas possibilité d’utiliser la souris, il est nécessaire de prévoir une navigation au clavier.
Par exemple, il faut vérifier que la validation d’un lien ou d’un champ fonctionne lorsqu’on appuie sur Entrée, que les pages défilent avec les flèches. Il est possible de mettre en place des combinaisons de touches pour accéder rapidement à divers éléments de la page.
3 - Décrire les images avec un texte alternatif
Pour les images qui apportent de l’information comme un bouton, un logo, un icône, une photo, un graphique - il est important d’utiliser une balise ALT. Un synthétiseur vocal ou un plage braille va alors pouvoir transmettre l’information au visiteur.
Pour les images décoratives qui n’apportent pas d’intérêt, il est préférable de ne pas choisir de texte alternatif afin de ne pas noyer sous les informations les personnes utilisant une technologie d’assistance.
4 - Améliorer les formulaires
Le formulaire est un élément très important de votre site web. Que ce soit pour s’inscrire, pour passer commande ou pour vous contacter, c’est une étape par où tout le monde passe et qui doit donc être rendu facile.
Pour cela, vous pouvez ajouter des titres clairs à chaque champ et y ajouter une information dans le champ à saisir - avec par exemple le format souhaité. Il est aussi important que l’utilisateur sache où est son erreur lorsqu’un champ est vide, mal renseigné…
5 - Faire tester le site
Tout au long du développement, il est important de réaliser de vrais tests utilisateurs. Le meilleur moyen est de les réaliser par des personnes en situation de handicap car il reste impossible de se mettre à leur place. Vous pourrez alors avoir des retours constructifs et améliorer rapidement l’accessibilité de votre site.
Des outils pour évaluer l’accessibilité de votre site
Grâce à de nombreux outils vous pouvez tester l’accessibilité de votre site internet. En voici quelques exemples :
- ConstrastChecker : il permet d’analyser vos couleurs afin de voir si elles sont assez contrastées.
- W3C Link checker : cet outil analyse tous les liens de votre site et vous prévient lorsqu’ils sont cassés.
- mobiReady : il vous renseigne sur l’adaptabilité de votre site aux appareils mobiles et vous suggère des solutions.
L'accessibilité numérique t’intéresse ? Tu souhaites te former dans les métiers du webdesign ? MyDigitalSchool Rennes propose une formation webdesign accessible hors Parcoursup ! N’attends plus et rejoins MyDigitalSchool Rennes !
Je souhaite recevoir de la documentation