Il ne fait aucun doute que les produits numériques ont révolutionné le monde. Au cours de notre vie, nous en sommes venus à considérer l’accès à Internet comme un droit de l’homme.
Nous sommes toujours à quelques clics d’une information apparemment infinie. Nous pouvons tout faire, du paiement de nos impôts à la commande de produits alimentaires, en passant par l’interaction avec nos gouvernements et l’obtention d’un diplôme en ligne. Malgré cela, toutes les expériences numériques ne sont pas accessibles.
Alors que beaucoup considèrent que les personnes handicapées constituent un petit sous-ensemble de leurs utilisateurs, c’est un mythe. Près d’une personne sur 5 souffre d’un handicap. 54% des personnes handicapées vont en ligne. Heureusement, le monde commence à reconnaître que le web devrait être conçu pour tout le monde.
Un site web accessible est un site qui est conçu et codé, les personnes handicapées peuvent les utiliser. Il est important que les concepteurs pensent à l’accessibilité lorsqu’ils travaillent à la création d’interfaces et d’expériences utilisateur intuitives.
À l’heure actuelle, seuls les sites Web du secteur public doivent se conformer aux instructions d’accessibilité aux contenus Web 2.0, qui soumettent les sites Web à des normes d’accessibilité similaires à celles définies pour l’environnement bâti. Au cours de l’année prochaine, et pour les années à venir, nous verrons une pression exercée sur le secteur privé pour qu’il commence à s’y conformer.
Il y a cinq domaines clés d’utilisabilité à prendre en compte : visuel, moteur/habilité, auditif, crises et apprentissage. Il y a des personnes de tous horizons qui utilisent votre site ou votre application et qui espèrent trouver ce qu’elles veulent aussi rapidement et facilement que n’importe qui d’autre.
Voici quelques éléments pour rendre votre site Web plus accessible.
Autoriser les utilisateurs à redimensionner les pages et le contenu
Les utilisateurs consultent votre produit à partir de divers écrans sur de nombreux appareils différents. Nous aimons concevoir des expériences dans lesquelles les utilisateurs peuvent redimensionner le contenu pour l’adapter à leurs besoins. Imaginez ce scénario : Un utilisateur saisit des informations dans un champ, et la page effectue automatiquement un zoom sur le champ. Dans cette position, l’utilisateur doit avoir la possibilité de faire un zoom avant ou arrière pour assurer l’action qu’il entreprend. Rendre cela facilement réalisable crée une expérience transparente.
Faire en sorte que la barre de recherche soit facile à localiser et à utiliser
Une barre de recherche proéminente et facile à utiliser est quelque chose que les grandes marques mettent à profit.
Un objectif commun de l’expérience utilisateur est de minimiser l’effort nécessaire à l’utilisateur pour accomplir une tâche, comme limiter le nombre de clics nécessaires pour entrer des informations dans une barre de recherche.
Ajouter du texte alt à chaque image
Les avantages des balises alt vont au-delà du référencement. Le texte alt permet aux personnes malvoyantes de comprendre facilement vos images. C’est particulièrement important pour les images qui sont purement décoratives.
Le texte alt doit rester court. Parce que la plupart des lecteurs d’écran coupent le texte à environ 125 caractères, il est conseillé de le garder à ce nombre ou en dessous. Instagram a fait les gros titres en 2018 lorsqu’il a enfin introduit une fonction de texte alt sur sa plateforme. Ce geste, parmi d’autres, a été un signal précoce que l’interface utilisateur accessible est une tendance, c’est la norme.
Utiliser des titres de section
Tout comme un livre, ou une plaque de rue, les produits numériques sont censés fournir des informations de manière à organiser, guider et faire passer l’utilisateur à l’étape suivante.
Les titres de section, comme un sous-titre dans un blog, ou en haut d’une page, aident les utilisateurs à se souvenir de ce qu’ils lisent. Dans une enquête , 67 % des personnes interrogées ont déclaré préférer naviguer à travers les titres de la page. Cette constatation était classée plus haut que l’utilisation de la fonction ” trouver “, la navigation à travers les liens de la page et la lecture de la page entière.
Utiliser le contraste des couleurs
Peut-être un élément négligé, utiliser le bon contraste des couleurs pour assurer une lisibilité maximale est essentiel pour rendre votre interface utilisateur plus accessible. Il arrive parfois que votre texte ne soit pas assez contrasté par rapport à l’arrière-plan ou que la taille des caractères ne soit pas adaptée au contraste. Lorsque vous cherchez à rendre les couleurs plus accessibles, utilisez les ressources suivantes pour savoir si vous faites bien les choses.
Utiliser du texte de lien sur la navigation du menu
Cette façon tient compte des utilisateurs qui ont des difficultés à trouver les éléments du menu : savoir quel onglet ils survolent et comprendre où ils se trouvent sur le site. Une solution possible est que lorsqu’un utilisateur survole l’élément de menu sur une page, le lecteur d’écran lit à haute voix ce bouton particulier en lisant le texte du lien.
Intuitivement, l’utilisateur clique sur cet élément et est conduit à la page de son choix. Il est également recommandé de prévoir des tailles généreuses pour les zones cliquables, pas moins de 44px par 44px. La navigation par menu est l’un des éléments les plus importants de tout site, quel que soit le cas d’utilisation. De la même manière que l’utilisation du texte alt pour inclure les descriptions des images, les textes des liens peuvent aider avec les éléments qui se rapportent à la navigation de l’utilisateur.
