6 façons simples de rendre votre interface utilisateur plus accessible

NRZ.Digital
0 0

Il ne fait aucun doute que les produits numériques ont révolutionné le monde. De notre vivant, nous avons vu l’accès à Internet déclaré un droit de l’homme.

Nous sommes toujours à quelques clics d’informations apparemment infinies. Nous pouvons tout faire, du paiement de nos impôts et de la commande d’épicerie, à 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.

Bien que beaucoup considèrent les personnes handicapées comme un petit sous-ensemble de leurs utilisateurs, c’est un mythe. Près d’un Américain sur 5 a un handicap. 54% des Américains handicapés se connectent en ligne. Heureusement, le monde commence à reconnaître que le Web doit être conçu pour tout le monde.

Un site Web accessible en est un qui est conçu et codé, les personnes handicapées peuvent les utiliser. Il est important que les concepteurs réfléchissent à l’accessibilité lorsqu’ils travaillent à créer des interfaces et des expériences utilisateur intuitives.

Actuellement, seuls les sites Web du secteur public doivent se conformer Directives d’accessibilité du contenu Web 2.0, qui maintient les sites Web aux normes d’accessibilité similaires à celles définies pour l’environnement bâti. L’année prochaine, et pour les années à venir, nous verrons des pressions exercées sur le secteur privé pour qu’il commence à se conformer.

La Fondation Interaction Design explique qu’il y a cinq domaines clés d’utilisabilité à prendre en compte: visuel, moteur / capacité, auditif, crises d’épilepsie et apprentissage. Il y a des gens de tous horizons qui utilisent votre site ou votre application qui espèrent trouver ce qu’ils 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 visualisent votre produit à partir de différents écrans sur de nombreux appareils différents. Nous aimons créer des expériences dans lesquelles les utilisateurs peuvent redimensionner le contenu pour s’adapter à leurs besoins. Imaginez ce scénario: un utilisateur entre 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 arrière ou avant pour s’assurer de l’action qu’il entreprend. Rendre cela facilement réalisable crée une expérience transparente.

eGuide: Comment utiliser les données intelligentes pour offrir un retour sur investissement marketing plus élevé

2 spécialistes du marketing sur 3 admettent que les décisions basées sur les données battent l’instinct. Libérez le véritable potentiel de votre marketing avec des données intelligentes pour accélérer la croissance de votre entreprise!

Obtenez votre copie gratuite!

Rendre la barre de recherche facile à localiser et à utiliser

Comme nous en avons discuté dans notre présentation des tendances 2019 pour le Rencontre bière et UX, 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 effectuer une tâche, par exemple en limitant le nombre de clics requis pour entrer des informations dans une barre de recherche. Par exemple, sur la plate-forme de streaming Tidal, un clic sur le symbole de recherche vous conduit non seulement à la page de recherche, mais il ouvre également le clavier pour que vous puissiez saisir votre requête.

Au lieu de deux clics – cliquez sur l’icône de recherche, cliquez sur la barre de recherche – il anticipe que vous souhaitez rechercher des informations et ouvre automatiquement le clavier.

Ajouter un texte alternatif à chaque image

Les avantages des balises alt vont au-delà du référencement. Le texte alternatif permet aux personnes malvoyantes de comprendre facilement vos images. Ceci est particulièrement important pour les images qui ne sont pas purement décoratives.

Selon Moz, le texte alternatif doit être court. Étant donné que la plupart des lecteurs d’écran coupent le texte à environ 125 caractères, il est conseillé de le conserver à ou en dessous de ce nombre. Instagram fait titres en 2018, lorsqu’ils ont finalement introduit une fonction de texte alternatif sur leur plate-forme. Cette décision, entre autres, était un signal précoce que l’interface utilisateur accessible n’est pas une tendance – c’est standard.

Utiliser les en-têtes de section

Tout comme un livre ou une plaque de rue, les produits numériques sont censés fournir des informations d’une manière qui organise, guide et déplace l’utilisateur vers l’étape suivante.

Les en-têtes 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 WebAIM, 67% des répondants ont déclaré préférer naviguer dans les en-têtes sur la page. Ce résultat est mieux classé que l’utilisation de la fonction «rechercher», la navigation dans 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 de couleur pour assurer une lisibilité maximale est essentiel pour rendre votre interface utilisateur plus accessible. Il y a des moments où vous constaterez que votre texte n’a pas assez de contraste avec l’arrière-plan ou que la taille de votre texte ne complète pas son contraste. Lorsque vous cherchez à rendre les couleurs plus accessibles, utilisez les ressources suivantes pour savoir que vous faites les choses correctement. Nous aimons les ressources, y compris Site de Kevin Gutowski, Objectif Web, et Application de contraste.

Cette méthode prend en compte les utilisateurs qui ont des difficultés à trouver les éléments de menu: savoir sur 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 dirigé vers la page de son choix. C’est aussi conseillé pour fournir des tailles généreuses pour les zones cliquables, pas plus petites que 44 px par 44 px. La navigation dans les menus est l’une des plus importantes de tout site, quel que soit le cas d’utilisation. Semblable à l’utilisation du texte alternatif pour inclure des descriptions pour les images, les textes de lien peuvent aider avec les éléments qui concernent la navigation de l’utilisateur.


Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleppy
Sleppy
0
Angry
Angry
0
Surprise
Surprise
0

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Laisser un commentaire

Next Post

AdWords social | Agence de médias sociaux Gurgaon | Alchimie

Il existe de nombreuses idées fausses dans l’arène en ligne sur Social AdWords et comment se comparent-ils avec Google AdWords. Cet article tente de clarifier les deux types d’AdWords et de vous présenter un autre site « Socialaddworld » qui est un monde complètement différent! Commençons par un fait fondamental: le social […]
Copyright All Rights Reserved © 2021: Designed By NRZ.DIGITAL

Abonnez-vous maintenant