mer. 16 nov. 2022

Conseils pour l’accessibilité numérique des applications mobiles

Tout le monde a déjà entendu parler d’accessibilité numérique, mais combien de designers et développeurs prennent en considération cet aspect lors de la création d’une application mobile ? C’est un fait : la plupart des applications mobiles ne sont pas adaptées.

Manque d’informations, manque de formation, manque d’intérêt… il y a de nombreuses raisons pour lesquelles peu d’acteurs se donnent les moyens d’y parvenir.

Pourtant, au-delà de son caractère éthique et égalitaire, l’accessibilité offre de nombreux avantages souvent méconnus : acquérir de nouveaux utilisateurs et produire des apps de meilleure qualité.

Chez PandaSuite, en tant qu’éditeur d’applications mobiles, nous sommes loin d’être parfaits, mais nous avons décidé de nous y consacrer plus sérieusement. Nous avons mené des recherches et décidé de partager nos apprentissages dans cet article.

Un sujet plein de préjugés

Avant tout, l’accessibilité numérique est associée à plusieurs préjugés et voici le moment de leur tordre le cou :

🙃 #1 : l’accessibilité numérique est un sujet purement technique, il doit être géré par les développeurs ou éditeurs de l’application.

Oui, certains aspects comme la compatibilité avec les solutions d’assistance nécessitent d’être pris en compte au niveau du code. Mais de nombreuses améliorations peuvent s’appliquer via le design et l’ergonomie de l’interface.

🙃 #2 : une application mobile est ou n’est pas compatible !

Non, ce n’est pas binaire. Selon les normes du WCAG, il y a plusieurs niveaux de conformité : faible, moyen ou haut. La mise en place de bonnes pratiques telles que l’ajout d’une option pour changer la taille du texte ou des boutons plus adaptés vous permettent de rapidement agir dans le bon sens.

🙃 #3 : l’accessibilité numérique concerne uniquement les personnes en situation de handicap !

Pas seulement ! On y reviendra, mais l’accessibilité numérique s’adresse également aux personnes qui rencontrent des difficultés dans leur usage du numérique, comme par exemple les seniors ou les personnes qui rencontrent un handicap temporaire !

L’accessibilité numérique est donc l’affaire de tous, pour tous et c’est une démarche qui peut se mettre en place au fur et à mesure ! Désormais, il n’y a plus aucune raison de reculer. Voici quelques ressources pour mieux comprendre le sujet et rendre votre application plus accessible dès aujourd’hui.

Être accessible à n’importe quel utilisateur dans n’importe quelle situation (DCStudio, Freepik)

C’est quoi l’accessibilité numérique ?

L’accessibilité numérique consiste à rendre les outils numériques (sites web, application..) accessibles en toute autonomie aux personnes en situation de handicap, quelque soit leur équipement et leurs besoins.

Il faut savoir que dans le monde, environ 15% de la population est en situation de handicap. Et comme pour le reste de la population, l’usage des appareils mobiles et des applications mobiles ne cesse d’augmenter.

Il existe plusieurs formes d’handicap : visuel, physique, cognitif et auditif. Il est difficile de dresser le portrait type d’une personne en situation de handicap et c’est pourquoi l’accessibilité numérique porte sur une variété de paramètres variés : graphiques, audios, techniques..

L’accessibilité numérique permet également de s’adresser à d’autres catégories de personnes qui rencontrent des difficultés dans leur usage de la technologie, sans être porteurs de handicap. Les séniors souffrent généralement de pertes physiques et auditives et ils représentent aujourd’hui 12% de la population mondiale. Le vieillissement de la population ne cesse de s’accentuer, pensez au nombre de vos utilisateurs actuels qui passeront dans la catégorie seniors d’ici quelques années !

Le cadre légal

Si on se concentre sur la France, les obligations d’accessibilité des sites publics aux personnes en situation de handicap ont été introduites par l’article 47 de la loi du 11 février 2005.

Celui-ci a été renforcé en 2016 par la Directive européenne pour l’accessibilité des sites web et applications mobiles qui avait pour objectif d’harmoniser la régularisation entre les pays.

Au début, ce cadre ne concernait n’importe quel service public et les entités privées réalisant un chiffre d’affaires de plus de 250 millions d’euros.

Depuis le 23 juin 2021 pour le secteur public et le 1er juillet 2021 pour les grandes entreprises privées, les applications mobiles sont également soumises aux obligations légales d’accessibilité numérique.

Pour le secteur public en France, il existe le Référentiel général d’amélioration de l’accessibilité, communément appelé RGAA qui sert de feuille de route. Il est édité par la direction interministérielle du numérique (DINUM)

Edité par la DINUM, le RGAA fixe le cadre en France

Il comprend 106 critères qui précisent ce qui doit être fait pour qu’un service soit considéré comme accessible. Ces critères découlent de recommandations édictées par le W3C, le World Wide Web Consortium, l’organisme international qui définit les spécifications et les standards techniques liés au web.

La norme Web Content Accessibility Guidelines (WCAG) 2.0 définit ainsi trois niveaux d’accessibilité :

A : accessibilité correcte

AA : : accessibilité optimisée

AAA : accessibilité excellente

Mais en réalité, elles sont très peu appliquées

Qui est concerné ?

Aujourd’hui tout le monde est concerné, mais certains secteurs le sont plus particulièrement que les autres. Ces secteurs sont ceux qui s’adressent au public le plus large, à savoir :

les services de l’État ;

les collectivités territoriales ;

les établissements publics ;

les organisations légataires d’une mission de service public ;

les entreprises dont le chiffre d’affaires en France est supérieur à 250 millions d’euros ;

les organisations d’intérêt général.

Les enjeux et bénéfices de l’accessibilité

Au-delà du cadre légal et égalitaire, l’accessibilité vous offre également de nombreux bénéfices.

Le premier bénéfice de l’accessibilité est l’augmentation du nombre d’utilisateurs de votre application. Concrètement votre application peut potentiellement gagner 10% d’utilisateurs de plus, qui se détournent aujourd’hui de votre application.

S’inscrire dans une démarche d’accessibilité permet de valoriser l’image de votre entreprise / organisation auprès de vos clients et de employés en démontrant votre responsabilité sociale.

En suivant ces bonnes pratiques, votre application est également de meilleure qualité, en offrant une expérience utilisateur plus claire et compréhensible.

Les bonnes pratiques de l’accessibilité

L’accessibilité est une démarche globale : elle doit être prise en compte au niveau de l’interface utilisateur et dans le développement de l’application. Même si celles-ci ne sont exhaustives, voici quelques bonnes pratiques à suivre au niveau de votre application mobile.

Design

🟥 Améliorer les contrastes

Au niveau du design, il est important de s’assurer une bonne lisibilité et clarté de l’interface utilisateur. D’autant plus que les appareils mobiles sont utilisés dans des environnements variés notamment à l’extérieur où la luminosité peut facilement impacter la perception des couleurs. Un bon choix de couleurs vous permet de garantir que tous les utilisateurs puissent différencier entre les composants de l’application.

L'information transmise par la couleur doit également être disponible par d'autres moyens (texte souligné pour les liens, etc.)

👆️Créer des zones interactives larges et explicites

Les écrans mobiles sont petits et ils affichent un grand nombre d’informations. Chaque élément doit pouvoir être touché facilement par l’utilisateur et être suffisamment distant des autres.

Il faut considérer qu’une zone interactive doit au minimum posséder une hauteur/largeur de 9mm

📽️ Proposer des sous-titres ou des versions de remplacement pour tous vos contenus multimédia

Cela permet aux personnes sourdes ou malentendantes d’accéder au contenu. Plus généralement il faut garder en tête de proposer des équivalents textuels à tout contenu non textuel.

🖼️ Modifier l’orientation entre portrait et paysage

Pour faciliter son usage, l’application doit s’adapter à une orientation horizontale et verticale du téléphone. En effet, certains utilisateurs doivent fixer leur appareil mobile sur un équipement (par exemple une chaise roulante) et dans ce cas, ils ne maîtrisent pas l’orientation de leur appareil.

📝 Pouvoir augmenter la taille des textes

Cette option permet à des personnes malvoyantes de naviguer plus librement au sein de l’application.

🎢 Limiter les actions de scrolling

Ces actions peuvent être difficiles à entreprendre pour les personnes possédant un handicap moteur. Il faut donc proposer des interfaces qui permettent d’accéder directement au contenu et montrer un maximum d’informations sans que l’utilisateur ait à scroller.

🚀 Faciliter l’accès à l’information

Plus globalement, un soin doit être porté à l’architecture de l’information : l’utilisateur doit accéder facilement à chaque contenu et via plusieurs modes de navigation. Les titres des pages doivent être clairs et faciliter l’orientation de chaque page.

Développement

Les différents systèmes d’exploitation (iOS, Android) proposent des solutions d’assistance à destination des personnes en situation de handicap :

les lecteurs d’écrans (VoiceOver sur iOS et Talkback sur Android) : ils fournissent au passage du doigt des informations sonores et permettent de décrire chaque élément de l’UI (bouton, image, texte).

les dispositifs de navigation au focus ;

les agrandisseurs de textes ou d’affichage général ;

les correcteurs de couleurs (notamment pour le daltonisme).

L’enjeu est de rendre compatible votre application avec ces solutions en vous appuyant sur les règles d’accessibilité de conception et de développement. Si vous développez vous-même votre application, vous trouverez de nombreuses ressources en ligne pour y parvenir. Si vous faites appel à un éditeur d’applications tel que PandaSuite, assurez-vous de la prise en compte de ces normes et n’hésitez pas à contacter le support si besoin.

Pour les lecteurs d’écran, il faut par exemple s’assurer que chaque élément présenté possède une description détaillée. Que si l’utilisateur malvoyant clique sur l’image, il obtienne un nom précis et non pas untitled.jpg par exemple.

Les lecteurs d’écran permettent de lire les éléments présents (textes et images) affichés à l’écran.

VoiceOver est disponible sur tous les appareils iOS

Conclusion

L’accessibilité mobile est un sujet gagnant-gagnant. Pour en faire une réussite, il nécessite d’être mis en place en amont du projet. C’est une feuille de route qui guide chaque étape du développement de votre application et qui concerne tout le monde.

Le cadre réglementaire reste encore à préciser, mais de nombreuses bonnes pratiques sont désormais à prendre en compte et mérite que l’on prenne le temps de s’y intéresser.

Chez PandaSuite, nous travaillons pour améliorer notre compatibilité avec les solutions d’assistance natives iOS & Android. Même si certains sujets nous font encore défaut, nous restons à vos côtés pour avancer dans le bon sens. N’hésitez pas à contacter notre équipe pour en discuter de vive voix.