Catégories
Astuces et Design

Comment inclure les personnes handicapées

L'accessibilité est un élément indispensable dans le monde numérique d'aujourd'hui. Garder ce fait à l'esprit lors de la création peut être délicat pour les concepteurs Web et les écrivains. Pourtant, plus de gens ont besoin de la capacité de naviguer sur un site Web ou sur le Web dans son ensemble.

Un adulte sur quatre aux États-Unis seulement a un type de handicap. Ce fait suffit à montrer l'importance de l'accessibilité à travers l'expérience numérique.
Des magasins de commerce électronique au marketing par e-mail, en passant par la conception Web qui a du sens, voici comment vous pouvez y parvenir.

Accessibilité dans la conception Web

Les visiteurs de votre site Web constituent une foule diversifiée. Chaque visiteur a ses désirs, mais aussi un ensemble de besoins spécifiques.

Concevoir pour l'accessibilité ne signifie pas créer un site Web, c'est-à-dire dépourvu des éléments que vous trouvez attrayants.
Au contraire, cela vous aidera à trouver des idées fraîches et plus simples.

Voici un exemple:

Accessibilité dans l'expérience utilisateur

Ce site Web n'est en aucun cas ennuyeux. Il est également destiné à être utilisé par les personnes handicapées, en particulier par les enfants.

Voyons un ou deux conseils sur la façon de le faire fonctionner.

Créez des personas d'acheteur qui refléteront l'accessibilité

Vos équipes doivent examiner l'expérience utilisateur (UX) de votre site Web en termes d'accessibilité en ce qui concerne les personas d'acheteur.

Recherchez vos utilisateurs et déterminer le pourcentage de ceux qui ont besoin d'accessibilité. Ensuite, dans l’ordre du jour, il faudrait identifier leurs besoins exacts.

Vos utilisateurs ne sont pas parfaits, ce qui signifie que vos personnages ne devraient pas l'être non plus.

En cas de doute, vous pouvez accéder à vos plateformes de réseaux sociaux et consulter vos utilisateurs et leur opinion sur le contenu que vous écrivez et les types de messages qu'ils aimeraient voir. Posez des questions et trouvez de nouvelles façons d'aider et d'engager vos personnalités d'acheteur.

Ce constat vous permettra, à vous et à votre équipe, de créer sous un angle différent en ce qui concerne la conception Web dans son ensemble et la conception Web accessible en particulier.

Évitez le code couleur

Lorsque vous communiquez quelque chose d'important, montrez une action ou suscitez une réponse, n'utilisez pas la couleur comme seul repère visuel. Les personnes ayant une faible acuité visuelle ou un daltonisme auront du mal à comprendre votre contenu.

La plupart d'entre nous sont tombés sur un site Web qui aime coder en couleur les choses. Par exemple, PayPal fait exactement cela, mais avec une torsion:

Accessibilité dans l'expérience utilisateur

Une personne daltonienne pourra lire le message ainsi qu'une personne sans problèmes de vision.
Le texte coloré n'est pas fiable, surtout lorsqu'il s'agit d'afficher une erreur sur le site Web. Vous pouvez essayer d'autres méthodes, comme mettre le texte en gras ou souligné, ou même utiliser un petit symbole comme celui ci-dessus.

La même pratique devrait être appliquée à d'autres aspects de votre site Web et à vos efforts de marketing. Gardez cela à l'esprit lorsque vous créez des graphiques, des graphiques ou des analyses.

Si vous souhaitez créer un site Web inclusif, vous pouvez essayer d'utiliser des étiquettes, par exemple. Une bonne idée serait de utiliser des formes de tailles différentes pour mettre en évidence quelque chose d'important et minimiser quelque chose qui pourrait être une information secondaire.

En cas de doute, vous pouvez exécuter des tests de daltonisme sur votre site Web ou simplement imprimer la page dont vous n'êtes pas sûr, ou le graphique, en noir et blanc.

De cette façon, vous pourrez voir par vous-même et vous assurer que tout ce dont vous avez besoin se démarque.

À ce stade, je devrais faire une petite référence au contraste à nouveau.

Le contraste est très important pour chaque action de marketing visuel qui a une influence directe sur l'expérience utilisateur, car il est important pour les personnes ayant une déficience visuelle.

Les directives des WCAG indiquent que le rapport de contraste entre le texte et l'arrière-plan doit commencer à 4,5 pour 1. Vous pouvez opter pour un rapport de 3 à 1 pour une police plus audacieuse.

Vérifiez le contraste pour l'un des éléments suivants:

  • Boutons et éléments de menu
  • Texte d'espace réservé
  • Logos

L'utilisation d'un contraste élevé crée souvent une image que de nombreux spécialistes du marketing ou hommes d'affaires n'avaient pas envisagée pour leur site Web; pour certains, il peut être trop "gras" ou "fort".

cependant, il est préférable de rendre un site Web accessible.

Utiliser des icônes et une navigation simple

Une navigation simplifiée peut aller très loin et rendre un site Web accessible à tous.

Parfois, les choses que nous pouvons considérer comme du «bon sens» ne sont pas si courantes, ce qui signifie que vous devrez d'abord tester la convivialité pour vous assurer que tout se passe comme prévu. Faites confiance à vos analyses de données volumineuses pour découvrir ce qui pourrait manquer sur votre site Web.

Vous constaterez peut-être que vous avez besoin d'un plan du site, par exemple. Les sitemaps sont destinés à faciliter la navigation sur le site Web et serait particulièrement utile non seulement pour les personnes handicapées.

Il peut être d'une grande utilité pour les personnes qui ne sont pas si familières avec les sites Web dans leur ensemble, les personnes âgées qui ont besoin d'utiliser Internet, etc.

Gardez vos pages courtes et vos titres informatifs et à un endroit logique sur le site, aiderait les personnes ayant des troubles de lecture, comme la dyslexie.

Les personnes dyslexiques ont du mal à parcourir de longs paragraphes. Dans ce cas, l'accessibilité signifie un contenu et une conception courts, informatifs et dans un ordre logique.

Utilisez également la saisie semi-automatique, mais avec une torsion. Étant donné que la fonction de saisie semi-automatique nécessite une orthographe presque parfaite, les personnes atteintes de dyslexie, en particulier celles atteintes de dyslexie sévère, pourraient trouver un grand avantage dans les icônes utilisées à côté des mots.

De cette façon, lorsqu'ils recherchent un podcast qui peut avoir le même nom ou un nom similaire avec un film, ils seront en mesure de distinguer l'icône sur laquelle ils doivent cliquer.
Le même principe peut être appliqué à presque toutes les listes, bien sûr.

Vous pouvez l'utiliser pour vos menus ou même aller plus loin et laisser un crayon et une icône de corbeille à côté de l'un des champs que votre utilisateur a remplis.

Aller au clavier

Un assez grand nombre de personnes, y compris moi-même, préfèrent utiliser des raccourcis clavier plutôt que leur souris.

Ajoutez à cela les personnes qui ont besoin de l'accessibilité des personnes pour profiter de l'expérience que vous offrez sur votre site Web. Accessibilité du clavier doit être l’un des principaux éléments à prendre en compte, car peut ruiner UX pour plus de gens que vous ne le pensez.

Si vous avez décidé de créer un site Web avec un élément de gamification, comme une page de quiz interactive, par exemple, permettez à vos utilisateurs de tout faire avec leur clavier plutôt que leur souris.

Par exemple, j'utilise souvent la touche de tabulation, en particulier lorsque je remplis des formulaires, car je n'aime pas beaucoup utiliser ma souris et cliquer ici et là. Lorsque j'ai un indicateur de mise au point, je sais ce qui sera sélectionné si j'utilise mon bouton Entrée. Comme ça:

Accessibilité dans l'expérience utilisateur
Ce bar juste là? Je l'ai déplacé à l'aide de mon clavier!

L'ordre de la page est d'une grande importance dans ce cas. Vous avez besoin ordre logique, de gauche à droite et de haut en bas, pour permettre à l'utilisateur de savoir où chercher intuitivement, pas en cherchant ce petit carré vert sur l'écran.

Accessibilité dans le marketing par e-mail

Le marketing par e-mail est un incontournable pour toutes sortes d'entreprises, ce qui rend le besoin d'accessibilité encore plus important.

Le choix de l'une des meilleures plateformes de marketing par e-mail peut être crucial pour n'importe quel secteur. Choisir un design de newsletter qui sera inclusif est tout aussi important. Voici quelques étapes nécessaires pour faire fonctionner le marketing par e-mail en termes d'accessibilité.

Créez un e-mail qui a du sens

Les modèles d'e-mail et les bulletins d'information par e-mail ont besoin de tableaux pour aider à créer une mise en page d'e-mail qui fonctionnera sur les appareils et les clients de messagerie.

La plupart des lecteurs lisent le texte et les e-mails de gauche à droite et de haut en bas. Par conséquent, vous pouvez conserver l'ordre de lecture logique de votre newsletter électronique si vous l'avez créée dans un format à une colonne et à deux lignes:

Accessibilité dans l'expérience utilisateur

Comme vous pouvez le voir ci-dessus, nous avons une disposition à une seule colonne. De cette façon, lire le contenu de l'e-mail dans le mauvais ordre n'est pas une possibilité.

Pour créer un ordre logique du contenu de votre e-mail, vous pouvez créer un e-mail HTML qui aura des qualités spécifiques:

  • Utiliser des titres: La balise H1, la balise H2, etc., n'aideront pas seulement le contenu de votre e-mail à se démarquer. Ces éléments créeront un ordre de lecture logique pour les utilisateurs qui ne pourront peut-être pas voir votre contenu et qui auront besoin d'un appareil d'assistance pour le lire.
  • Utilisez des couleurs contrastées: Les personnes malvoyantes ou daltoniennes ne feront pas la distinction entre les lettres de votre e-mail et l'image de fond. Choisir les couleurs de vos e-mails pour l'accessibilité est une étape préjudiciable. Considérez simplement que 300 millions de personnes souffrent de daltonisme dans le monde. Assurez-vous d'utiliser plus de micro-copies et moins d'indices de couleur en ce qui concerne le contenu de vos newsletters.
  • > Utilisez le texte du lien pour décrire votre lien: un lecteur d'écran ne peut pas faire la distinction entre un CTA et le reste de votre contenu. Cette distinction se fait par imagerie. Le texte de lien dans le code qui sera descriptif fonctionnera pour les lecteurs d'écran. "Cliquez sur le lien pour plus d'informations" est un excellent exemple de texte de lien.
  • Utilisez le texte alternatif pour vos images: Assurez-vous qu'il décrit parfaitement ce qu'est votre image. De cette façon, un lecteur d'écran pourra décrire l'image elle-même.
  • Consulter ADA

    Si vous n'êtes toujours pas sûr, vous pouvez toujours consulter l'Americans with Disabilities Act (ADA) et utiliser ses conseils pour créer une liste de contrôle.

    En tenant compte de ce qui précède, vous allez créer un site Web qui peut être accessible avant tout aux utilisateurs handicapés, ainsi qu'aux utilisateurs expérimentés et novices.

    En conclusion

    Il y a encore plus d'étapes à suivre si nous voulons parler d'accessibilité complète et d'inclusion dans l'expérience utilisateur, mais il y a quelques notions de base à couvrir.

    Si vous optez pour des personnalités d'acheteur réelles et pertinentes, vous verrez par vous-même qu'en réalité, il y a plus de personnes qui ont du mal à utiliser un site Web sur le Web en ce moment, que vous ne le pensiez.

    La clé est de consulter vos données et, bien sûr, de tester A / B chaque version pour s'assurer que tout se passe comme prévu!

    Biographie de l'auteur:

    Téa Liarokapi est un rédacteur de contenu travaillant pour la société de logiciels de marketing par courrier électronique Moosend et un écrivain obsessionnel en général. Pendant son temps libre, elle essaie de trouver de nouvelles façons de mettre plus de livres dans sa bibliothèque et d'idées de contenu – et de chats – avec lesquelles jouer.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *