Accessibilité pour les applications : directives, exemples et meilleures pratiques sur la façon de se soucier de l'utilisateur

Selon l'OMS, 15 % de la population mondiale souffre d'une forme de handicap. Dans la plupart des cas, les sociétés conscientes s'efforcent d'équilibrer les disparités en matière de santé afin que cette cohorte de population ne ressente aucun obstacle à une qualité de vie reconnue. Et cela fonctionne très bien jusqu'à ce qu'une personne handicapée soit confrontée à une situation où quelque chose est hors de sa portée en raison d'une mauvaise accessibilité des applications mobiles.

Pourquoi l'accessibilité mobile est-elle importante ?

Rendre vos applications inclusives n'est pas seulement une question de responsabilité sociale. Parallèlement à la culture de la diversité, les applications mobiles accessibles débloquent une source de revenus supplémentaire, donnent à votre entreprise des vents favorables compétitifs et aident à respecter les réglementations de conformité.

Empathie

En vieillissant, nous sommes tous confrontés à certaines limitations, qu'il s'agisse d'une déficience auditive, d'une diminution de la vision ou d'une déficience motrice. De plus, les incapacités situationnelles et temporaires peuvent nous placer tous dans des situations similaires à celles des personnes ayant une incapacité de longue durée. Par conséquent, l'accessibilité mobile est un investissement à long terme qui, entre autres, nous aide à prendre soin de la génération plus âgée, de nous-mêmes et de ceux aux prises avec des conditions temporaires.

La technologie d'assistance est également une stratégie importante pour mieux intégrer les personnes confrontées à des défis supplémentaires dans le monde moderne et les communautés en ligne.

Avantage compétitif

Selon les statistiques, un Américain sur quatre vit avec un handicap. En rendant votre solution inclusive, vous couvrez 61 millions d'utilisateurs supplémentaires, ce qui élargit la portée des utilisateurs de votre application.

De plus, l'inclusion technologique est commercialement intéressante. Le pouvoir d'achat des personnes handicapées est d'environ 500 milliards de dollars après impôts. Compte tenu du nombre d'applications inaccessibles, l'accessibilité de votre application et de votre appareil mobile peut bénéficier de cette source de revenus supplémentaire.

L'accessibilité du téléphone mobile réduit également les coûts opérationnels de votre entreprise. Une banque néerlandaise SNS a réduit le nombre d'appels au centre d'appels et les dépenses associées de plus de 15 %. Les économies sont associées aux changements d'accessibilité du Web mobile que la banque a apportés plus tôt.

L'accessibilité améliore la technologie pour tous

L'inclusion technologique est essentielle pour certains, mais utile pour tous. Les sous-titres codés, les assistants virtuels et les logiciels de reconnaissance vocale sont les fonctionnalités incontournables pour tous les utilisateurs, y compris les personnes handicapées. Les indications d'itinéraire vocales, par exemple, sont à la fois une fonctionnalité d'accessibilité et une option mains libres pour les conducteurs. Par conséquent, rendre votre solution tout-en-un profitera à tout le monde.

Respect des normes et réglementations

Dans de nombreux cas, les normes d'accessibilité des applications mobiles sont imposées par la loi. Les normes de l'Americans with Disabilities Act pour la conception accessible, ou ADA, exigent l'inclusion de toutes les personnes, dans tous les domaines de la vie publique, y compris les entreprises basées sur le Web et leurs applications.

La loi ADA fonctionne également parallèlement aux directives pour l'accessibilité du contenu Web (WCAG) qui documentent une norme partagée unique pour l'accessibilité du contenu Web. La version actuelle des WCAG est la 2.1, tandis qu'une version révisée est prévue pour septembre 2022.

D'ici 2025, toutes les entreprises basées dans l'UE doivent également optimiser leurs services et produits pour l'accessibilité afin de se conformer aux directives européennes sur l'accessibilité des applications mobiles.

Meilleure image de marque

Enfin, l'accessibilité numérique profite à votre marque et crée plus d'opportunités pour les défenseurs de la marque. De plus, 56% des clients estiment qu'une entreprise doit adopter une position claire sur les questions sociales.

Comment garantir l'accessibilité des applications mobiles ?

À ce jour, les Web Content Accessibility Guidelines, ou WCAG, sont considérées comme la référence en matière d'accessibilité des sites Web. Les directives présentent également WCAG pour mobile, qui décrit les meilleures pratiques d'accessibilité mobile. Ci-dessous, nous parlerons de ce que devrait être votre application pour être vraiment accessible selon les WCAG.

Gardez à l'esprit que chaque principe comprend trois niveaux de conformité, où A est le niveau minimum et AAA signifie une conformité totale. La plupart des organisations s'efforcent de marquer AA comme un juste milieu.

Perceptible

Rendre votre solution perceptible signifie que les utilisateurs doivent pouvoir la percevoir avec un ou plusieurs sens. En termes simples, si le contenu de votre application est orienté vers une expérience visuelle, il devrait avoir une alternative qui implique la perception auditive ou toute autre modalité sensorielle.

Quel peut être le problème ici?

• Aucune alternative textuelle

Certaines solutions peuvent ne pas proposer d'alternatives textuelles au contenu non textuel présenté à l'écran, qu'il s'agisse de commandes ou d'images, d'une manière perceptible par le lecteur de l'écran. Cela rend intrinsèquement l'application illisible pour TalkBack ou VoiceOver, qui sont respectivement des lecteurs d'écran par défaut sur Android et iOS.

Au contraire, les descriptions vocales rendent toutes les données non textuelles accessibles aux aveugles ou aux personnes malvoyantes ou malvoyantes. Facebook, par exemple, a déployé un texte ALT automatique pour décrire le contenu visuel pour les lecteurs d'écran.

• Aucune adaptabilité

Une solution mobile néglige l'accessibilité lorsque sa structure n'est pas facilement adaptable à différentes structures et orientations de présentation de contenu. En particulier, un produit inclusif peut passer à la fois au paysage et au portrait sans sacrifier le contenu ou les éléments, comme dans l'exemple ci-dessous.

Les directives d'accessibilité des applications mobiles natives obligent également votre produit à baliser les informations, la structure et la hiérarchie entre les éléments. De cette façon, les en-têtes, les tableaux et les listes resteront intacts lorsque la présentation changera, en gardant vos mises en page simples et cohérentes.

L'adaptabilité est essentielle pour les personnes en situation de handicap moteur, les utilisateurs de lecteurs d'écran, ainsi que les personnes en difficulté d'apprentissage et en fatigue cognitive.

• Aucun trait distinctif

Un contraste insuffisant, un mauvais choix de couleurs ou l'absence de redimensionnement du texte pèsent sur la perception des utilisateurs. Par exemple, les personnes ayant des problèmes de perception des couleurs ont du mal à distinguer certaines couleurs. Par conséquent, les couleurs ne doivent pas être le seul moyen de transmettre les différences ou d'inciter à l'action. Au lieu de cela, combinez la couleur et le texte ou les indices de caractères pour transmettre des informations.

La perte de contenu ou de fonctionnalité est un autre problème d'accessibilité courant qui se produit généralement lorsqu'un utilisateur malvoyant effectue un zoom sur le texte. Vos paramètres d'accessibilité mobile doivent permettre une augmentation jusqu'à 200 % tout en conservant tous les contenus et éléments.

Opérable

Ce principe nécessite que votre application inclue des éléments d'interface et de navigation entièrement opérationnels afin que l'utilisateur puisse utiliser toutes les fonctionnalités, quels que soient ses handicaps ou ses déficiences.

Quel peut être le problème ici?

• Manque de temps

Compte tenu de la diversité des personnes, il est difficile de prédire combien de temps il faut pour parcourir l'application ou trouver une section spécifique. La plupart des applications bancaires, par exemple, ont un temps de session maximal par mesure de sécurité. Cependant, les limites de temps ou le contenu sensible au temps rendent difficile le traitement des informations par un lecteur d'écran ou un utilisateur âgé.

Des délais flexibles ou l'option de désactivation, au contraire, rendent votre candidature plus conviviale pour les personnes âgées, les personnes malvoyantes ou les locuteurs étrangers.

• Contenu clignotant

Le contenu clignotant est un drapeau rouge pour les applications inclusives car il peut provoquer des crises ou d'autres effets indésirables. Ainsi, les personnes atteintes de troubles épileptiques photosensibles ne peuvent tout simplement pas regarder des lumières clignotantes ou des motifs visuels contrastés sans avoir une réaction physique indésirable déclenchée par celles-ci. C'est pourquoi il est important d'éviter le contenu qui clignote plus de 3 fois en 1 seconde et de limiter la zone de clignotement à une petite partie de l'écran d'un smartphone.

• La navigation

Une navigation qui n'est ni balisée par programmation ni structurée peut également empêcher un utilisateur de consommer le contenu. Cela est particulièrement vrai pour les utilisateurs malvoyants qui ne peuvent naviguer dans votre application qu'avec une technologie d'assistance, ainsi que pour les personnes souffrant de handicaps cognitifs et moteurs.

Les régions repères, les en-têtes descriptifs, les titres d'écran uniques et les commandes étiquetées permettent aux utilisateurs et aux lecteurs d'écran de localiser la section nécessaire rapidement et avec moins de frappes. L'application peut également être codée pour ignorer les graphiques et les liens de navigation lors de la consommation du contenu avec un lecteur d'écran.

Tastemade, par exemple, est un excellent exemple de navigation plein écran au travail, tandis que l'exemple de droite a sacrifié la découvrabilité pour un design élégant.

Compréhensible

Selon ce principe d'accessibilité, toutes les informations et l'ensemble de votre interface utilisateur doivent être faciles à saisir pour toute personne, quel que soit son état de santé. En termes simples, plus votre application est intuitive et simple, plus elle a de chances d'atteindre le niveau de conformité AAA.

Quel peut être le problème ici?

• Prévisibilité

Certaines applications préfèrent cacher des éléments de conception derrière des icônes sophistiquées ou utilisent des flux d'utilisateurs futuristes. Bien que de telles conceptions soient des œuvres d'art admirables, elles manquent de clarté.

Les menus hamburger, par exemple, sont une norme largement acceptée pour le développement d'applications mobiles qui simplifient les menus pour les écrans compacts. Cependant, ils ne sont ni navigables ni prévisibles pour les personnes ayant une déficience visuelle, des limitations cognitives, des déficiences motrices et une dextérité réduite. La version de bureau de Telegram, par exemple, a un bouton de menu hamburger.

L'objectif primordial de la conception prévisible est de définir des attentes précises sur ce qui se passera ensuite grâce à des modèles de conception cohérents, des éléments sémantiques standard et une structure d'informations ordonnée. Une application accessible doit également avoir tous les éléments facilement détectables à l'écran pour donner une compréhension précise de l'endroit où se trouve l'utilisateur. La navigation en bas, la barre latérale verticale ou les menus collants jouent correctement.

• Aide à la saisie

Certains utilisateurs ayant une vision de moindre qualité, des troubles de lecture et des déficiences intellectuelles peuvent trouver difficile de saisir les informations sans erreur ou de faire la différence entre les champs obligatoires et facultatifs. Pour fournir une assistance, une interface d'application peut inclure des repères dans les champs pour renforcer les informations importantes.

Les signaux peuvent aller des attributs étiquetés pour les lecteurs d'écran aux états sélectionnés et aux coins arrondis.

• Prévention des erreurs

Dans le même ordre d'idées, les méthodes d'indication d'erreur typiques peuvent ne pas fonctionner pour les personnes ayant une vision faible ou altérée ou les personnes daltoniennes. De même, les utilisateurs souffrant de troubles de la lecture ou de la motricité ont plus de chances de saisir la mauvaise entrée, ce qui peut entraîner de graves conséquences, notamment des passifs financiers. Par conséquent, si l'application ne fournit pas de données contrôlables par l'utilisateur, elle n'est pas accessible.

Les soumissions réversibles, la confirmation de commande, la suppression d'un enregistrement ou l'annulation de l'envoi d'un message sont quelques exemples de mesures de protection qui empêcheront les utilisateurs de faire une erreur.

Robuste

Les fonctionnalités d'accessibilité doivent être fournies de manière transparente sur toutes les plates-formes et tous les appareils, y compris différentes versions de lecteurs d'écran, de terminaux braille ou de logiciels d'agrandissement de texte. En termes simples, une conception robuste est à l'abri des erreurs de codage qui peuvent déformer le contenu ou les fonctions d'un appareil Web ou d'une technologie d'assistance.

Quel peut être le problème ici?

• Mauvais codage

Si le code HTML de votre application ne contient pas de balises de début et de fin complètes, le contenu de l'application peut s'afficher différemment d'un appareil à l'autre, ne pas s'afficher du tout ou être illisible pour les technologies d'assistance. Un code HTML bien formé et conforme à toutes les spécifications du langage de balisage garantit que la structure du contenu accessible restera comme prévu sur toutes les plates-formes et tous les appareils.

Le développement multiplateforme peut-il fournir un niveau d'accessibilité approprié ?

Le développement multiplateforme est un couteau suisse qui accélère la mise sur le marché et tue deux plates-formes avec une base à code unique. Cependant, le potentiel d'accessibilité du développement multiplateforme est à la traîne par rapport aux applications natives. Par conséquent, les technologies multiplateformes sont un compromis entre accessibilité et réduction des coûts, ce qui peut encore garantir au moins un niveau de base d'accessibilité mobile sur Android et iOS.

Ainsi, le développement d'applications Flutter s'engage à rendre les applications plus accessibles et inclut une prise en charge intégrée de l'accessibilité combinée aux mêmes capacités du système d'exploitation. Flutter peut vous aider à implémenter des fonctionnalités d'accessibilité telles que des polices de grande taille, la compatibilité des lecteurs d'écran, un contraste suffisant, etc.

Mais gardez à l'esprit que l'accessibilité mobile est le résultat collectif de toute votre équipe de développement, y compris les développeurs Flutter. Alors que les concepteurs UX/UI se consacrent à la création d'interfaces inclusives, les spécialistes de l'assurance qualité s'assurent que la version finale de votre application passe les tests d'accessibilité.

Plus besoin de choisir entre accessibilité et design

L'égalité d'accès à la technologie permet à tous de participer à la société et de tirer activement parti du confort technologique. En plus de la conformité à la conformité, l'accessibilité mobile contribue également à une base d'utilisateurs plus large et à l'avantage concurrentiel de votre entreprise. Cependant, de nombreux développeurs sont encore étrangers aux normes de codage d'accessibilité, car l'excellence en matière d'accessibilité nécessite des recherches et un savoir-faire intensifs. Et même s'ils sont familiers avec la notion, il est souvent difficile d'intégrer des fonctionnalités inclusives dans une interface esthétique.
Si vous avez du mal à trouver un équilibre entre accessibilité et design, notre société sait comment marquer les deux. En fonction de vos exigences uniques et de vos normes d'accessibilité, nous intégrons de manière transparente l'inclusivité dans une conception d'application de premier ordre. Écrivez-nous pour créer une solution mobile de qualité supérieure qui s'adresse à tous.

L'article est initialement publié ici