Comment concevoir une application d'accessibilité pour les malvoyants ?

Il y a quelques années, il y avait environ 285 millions de personnes malvoyantes dans le monde, un nombre qui est en train de croître et qui devrait atteindre 115 millions d'ici 2050.

Selon l'OMS, dans le monde, au moins 2,2 milliards de personnes ont une déficience visuelle de près ou de loin. Dans au moins 1 milliard – soit près de la moitié – de ces cas, la déficience visuelle aurait pu être évitée ou n'a pas encore été traitée.

D'une part, alors que le nombre de malvoyants est en augmentation dans ce monde coloré, d'autre part, la technologie a fait une série d'avancées pour conférer toutes les capacités visuelles possibles aux malvoyants. Il en est ainsi parce qu'il ne devrait y avoir aucune différence dans l'expérience numérique que quelqu'un avec une vision parfaite et ceux qui sont mis au défi sur le front rencontrent.

Cependant, si vous regardez le temps qui s'est écoulé, s'il est impossible d'affirmer qu'un travail révolutionnaire a été fait pour rendre les malvoyants indépendants (comme les interfaces utilisateur basées sur la voix), le côté sombre de tout cela demeure - dehors de toutes les données démographiques des utilisateurs d'applications mobiles, les malvoyants sont ceux qui sont rarement prévus (voire pas du tout sortis de la banquette arrière).

Mais lorsque vous aussi, comme ces technologues qui travaillent à rendre l'expérience numérique similaire pour l'ensemble des utilisateurs , recherchez les applications d'accessibilité de conception pour les malvoyants de manière holistique, vous trouverez probablement un scénario prometteur. Une situation suggérant que la conception d'applications accessibles pour les malvoyants n'est pas seulement un geste humanitaire, mais aussi votre ticket pour atteindre ce nombre - 285 millions d'utilisateurs.

Pour ceux d'entre vous qui hésitent encore à investir ou non dans le développement d'applications d'accessibilité ou si vous n'êtes toujours pas sûr de savoir si votre base d'utilisateurs est composée d'une partie de la population malvoyante, laissez-nous convenez ici qu'il existe en fait des moyens de rendre votre application accessible sans avoir à ignorer les 70% de la population mondiale.

Dans cet article, nous allons examiner les différentes façons d'inculquer l'accessibilité dans la conception de votre application pour offrir une expérience utilisateur mémorable aux millions de personnes souffrant de déficience visuelle dans le monde.

Mais avant de nous y rendre, mettons-nous à la place des malvoyants et voyons ce qu'ils voient.

Daltonisme

Le concept de daltonisme ne signifie pas automatiquement une situation où les personnes souffrant de déficience visuelle voient les choses en noir et blanc. Dans la plupart des cas, les utilisateurs confondent simplement une couleur avec une autre car ils ne voient aucune différence.

Outre le daltonisme, une maladie dont souffrent 1 homme sur 12 et 1 femme sur 200 dans le monde, il existe un certain nombre de problèmes de déficience visuelle auxquels vous devrez faire face lorsque vous travaillerez sur le développement d'applications d'accessibilité .

Laissez-nous maintenant vous montrer ce que les différentes personnes malvoyantes voient en vous rendant malvoyant pendant les 2 prochaines minutes grâce à l'aide de NoCoffee Vision Simulator Chrome Extension.

Voici à quoi ressemble le site Appinventiv pour un utilisateur visionnaire normal

Pour quelqu'un avec une perte d' acuité, le site ressemble à ceci

Pour quelqu'un ayant une vision périphérique, le site ressemble à ceci

Pour quelqu'un qui a une vision fantôme, le site ressemble à ceci

Pour quelqu'un qui voit de grandes taches, le site ressemble à ceci

Maintenant que vous vous êtes mis à la place des malvoyants et que vous avez vu ce qu'ils voient lorsqu'ils visitent un site Web sur un ordinateur de bureau, imaginez à quel point leur expérience serait ennuyeuse lorsque la taille de l'écran réduit de plusieurs pouces et que l'appareil passe d'un ordinateur portable à écran large à un smartphone qui tient dans la paume.

Et pendant que vous imaginez l'irritabilité, notez également à quel point la facilité d'utilisation de votre application s'avère être celle qui provoque une irritation à chaque interaction avec une déficience visuelle.

Maintenant que vous êtes entré et sorti des mêmes chaussures que le million de vos utilisateurs malvoyants et que vous avez été témoin de leurs frustrations et de vos manques, il est temps d'examiner la solution - Comment rendre votre application mobile accessible aux malvoyants ?

Comment concevoir des expériences d'applications mobiles pour les malvoyants ?

1. Utilisez du TEXTE AGRANDI en abondance

Parfois, ce dont vos utilisateurs ont besoin, c'est d'un texte de grande taille. Maintenant, au lieu de s'appuyer sur la fonction de zoom qui est notoirement célèbre pour augmenter le temps inutile dans la session d'application et gâcher l'expérience utilisateur, ce que suggère notre équipe d' agence de conception UI UX et de concepteurs d'applications , qui excellent dans la conception d'applications accessibles pour les malvoyants. donne une option manuelle aux utilisateurs pour ajuster la taille de la police du texte sur l'application mobile.

2. Utilisez le texte alternatif pour les images en surplus

Un certain nombre d'éléments structurels comme les images peuvent constituer un domaine difficile pour les personnes ayant une très basse vision. Maintenant, ce qui se passe, c'est que les personnes malvoyantes utilisent généralement des lecteurs d'écran intégrés présents dans les appareils mobiles.

Dans le cas des images, ces lecteurs d'écran lisent le texte Alt saisi, entendant quels utilisateurs imaginent ce que l'image représente.

Dans ce contexte, il devient primordial que vous utilisiez un texte très descriptif expliquant ce qui se passe dans l'image au lieu de 4/5 mots lorsque vous concevez pour les malvoyants.

3. Méfiez-vous des contrastes

Décider d'une combinaison de couleurs peut être l'un des choix les plus difficiles que vous auriez à faire lors de la conception d'applications de conception accessibles aux applications mobiles , en particulier pour les segments d'utilisateurs daltoniens . Maintenant, au lieu de vous limiter à une combinaison noir et blanc, il existe un certain nombre d'autres appariements que vous pouvez utiliser pour montrer la différence entre l'arrière-plan et l'élément avant ou deux éléments quelconques.

Lorsque vous décidez du contraste, vous devez vous assurer que le rapport de contraste est d'au moins 4:5:1 entre le texte et l'arrière-plan.

En outre, il existe certaines combinaisons claires que vous devez éviter à tout prix pour vous assurer que vos applications pour les utilisateurs malvoyants ou les utilisateurs daltoniens ne sont pas une session cauchemardesque.

• Vert rouge
• Vert clair et jaune
• Bleu violet
• Vert & Marron
• Vert bleu
• Vert noir
• Vert gris
• Bleu gris

4. Faites des textures votre amie

Alors que la majorité de vos utilisateurs malvoyants auraient du mal à identifier les différentes nuances de couleurs dans l'application mobile, l'utilisation de textures à la place des couleurs pour différencier un élément d'un autre vous aidera à résoudre votre objectif tout en aidant vos utilisateurs à vivre une expérience mémorable au sein de votre application.

En fait, il ne s'agit pas seulement d'interface utilisateur pour les utilisateurs d'applications malvoyants qui apprécieraient l'utilisation de textures, mais aussi de tous les autres utilisateurs dont l' utilisation de différentes textures peut être très attrayante, en termes de conception.

5. S'abstenir d'utiliser uniquement des couleurs pour donner des informations

Le rouge signifie danger ou mauvais ou quelque chose lié à l'incorrection, le vert est bon, positif et juste - nous supposons que c'est une vérité universelle. Mais pour les malvoyants ou les daltoniens, il peut être difficile de détecter les changements de couleur à l'écran. Il est donc conseillé de ne pas dépendre uniquement de la couleur pour transmettre le message.

N'avons-nous pas tous vécu le moment où nous remplissons un formulaire et y insérons accidentellement des informations erronées qui font que la case devient rouge ? Alors que toute la situation a été intégrée dans notre parcours numérique, imaginez quelqu'un qui a du mal à comprendre les couleurs et qui doit faire face à la situation. Imaginez comment ils auraient du mal à ne pas savoir ce qu'ils font de mal simplement parce qu'ils ne peuvent pas voir une zone de marge rouge à l'écran.

La solution à ce dilemme est assez simple et même esthétiquement séduisante - en utilisant des icônes, des vibrations et du texte pour montrer toutes les bonnes et mauvaises actions prises par l'utilisateur dans l'application.

6. Faites du minimalisme votre principe de conception d'applications d'accessibilité mobile

Que vous créiez une application d'accessibilité Android ou une pour iPhone, s'il y a un élément qui peut faire de votre application mobile un aimant pour les utilisateurs malvoyants, c'est le minimalisme. Le secret qui consiste à donner le maximum aux utilisateurs en termes de conception, a un double avantage -

A. Les utilisateurs de l'application malvoyants vivent une expérience mémorable et

B. Vos utilisateurs visuellement forts aimeront également travailler autour de l'espace blanc dans l'application.

7. Faites du mode sombre votre compagnon

Cet élément serait très utile lorsque vous avez beaucoup de textes dans votre application mobile. Les utilisateurs malvoyants trouveront beaucoup plus facile de lire le contenu en mode sombre par opposition au mode clair sur votre application.

Une chose à noter ici est que si vous créez des applications d'accessibilité Android pour les malvoyants , vous devrez implémenter la conception en mode sombre . Mais si vous développez une application d'accessibilité pour iOS, vous vous assurerez que votre équipe de développeurs travaille sur une application compatible avec la fonctionnalité Smart Invert Colors.

Maintenant que nous avons examiné les différentes manières de concevoir des applications d' accessibilité mobiles pour les utilisateurs ayant une déficience visuelle ou une basse vision ou pour toute autre forme de déficience visuelle, il est temps de résumer le tout sous la forme d' une liste de contrôle des directives d'accessibilité des applications mobiles .

Eh bien, ça y est -

Directives d'accessibilité pour les applications mobiles - Liste de contrôle

Avec cela, vous êtes maintenant prêt à faire de votre application mobile une application d'accessibilité et il ne reste qu'une chose à faire avant de lancer l'application sur le marché et d'attirer l'attention de ces millions d'utilisateurs qui n'ont pas encore pu profiter de votre application. – Tests d'accessibilité .

Qu'est-ce que le test d'accessibilité ?

Le processus consistant à tester si vos efforts pour rendre la conception de votre application mobile accessible aux utilisateurs malvoyants ont réussi ou non est ce qui définit les tests d'accessibilité pour la conception de l'interface utilisateur pour les utilisateurs d'applications malvoyants .

Au fur et à mesure que vous affinez les directives d'accessibilité des applications mobiles , vous pouvez utiliser l'application de scanner d'accessibilité disponible sur le Play Store . Mais ce que notre expérience nous dit, c'est que les tests d'accessibilité des applications mobiles sur la conception de l'interface utilisateur pour les utilisateurs malvoyants sont le plus souvent incomplets jusqu'à ce que vous présentiez votre application à de vrais utilisateurs. Bien que les outils de test d'accessibilité pour le développement mobile puissent être utiles, vous ne pouvez jamais en être trop sûr.

De plus, au lieu d'attendre la fin de l'ensemble de votre processus de développement d'applications d'accessibilité , effectuez des tests d'accessibilité des applications mobiles à chaque étape pour éviter de tomber trop bas dans le mauvais sens.

La navigation, la conception de plusieurs navigateurs et le contenu perceptible ne sont que quelques éléments pour lesquels vous devrez préparer votre application afin de vous assurer que TOUS les utilisateurs qui visitent votre application, qu'ils aient une vision 20/20 ou qu'ils soient daltoniens, aient un belle expérience.

Pensées d'adieu

Maintenant que vous avez tout vu, il ne vous reste plus qu'une chose à faire : ne pas supposer à tort que ces améliorations de l'accessibilité dans votre application mobile ne s'adresseront qu'aux utilisateurs malvoyants et comprendre qu'elles profiteront à tous, comme TOUS vos utilisateurs le feront. être en mesure d'avoir une expérience visuelle agréable dans l'application.

Eh bien, voilà. Vous êtes maintenant prêt à lancer votre application d'accessibilité sur le marché et à atteindre tous les utilisateurs qui sont inconsciemment laissés pour compte.

Si vous avez besoin d'aide avec la société de conception d'applications ou si vous souhaitez obtenir des conseils d'une société de conception UI UX aux États-Unis, n'hésitez pas à nous contacter ici, et nous serons heureux de vous aider avec vos doutes et vos questions.