Les WCAG s'appliquent-elles aux applications mobiles ?

Lorsque vous pensez à l’accessibilité numérique, la première chose qui vous vient à l’esprit est peut-être votre site web. Cependant, l’accessibilité numérique s’applique également à votre expérience omnicanale — ce qui inclut les applications mobiles. Bien qu’elles aient été créées à l’origine pour le contenu web, les Web Content Accessibility Guidelines (WCAG) ont élargi leur champ d’application pour inclure les applications mobiles, qu’elles soient hybrides ou natives. Les directives comprennent des recommandations sur la manière dont les développeurs peuvent rendre les applications mobiles accessibles aux utilisateurs ayant divers handicaps.

Les directives d’accessibilité pour les applications mobiles ont été introduites dans la WCAG 2.1 en juin 2018. Dix-sept nouveaux critères de succès ont été ajoutés pour l’accessibilité mobile et pour améliorer l’accessibilité des personnes utilisant divers appareils mobiles pour naviguer sur le web. Ceux-ci incluent :

• Smartphones (y compris les appareils Android et iOS)

• Tablettes

• Appareils portables (ex. montres connectées)

• Téléviseurs numériques

• Appareils intégrés dans les appareils électroménagers, tableaux de bord de voiture ou dossiers de sièges d’avion

• Appareils de l’“Internet des objets” (IoT) comme les enceintes connectées (Google Home) ou les caméras (Ring Doorbells ou August Doorbell Cam)

Les directives énoncées dans la WCAG 2.1 traitent des problèmes d’accessibilité mobile, tels que :

• Petites tailles d’écran

• Orientation de l’écran

• Contraste des couleurs

• Espacement du texte

• Navigation au clavier

WCAG 2.2 a introduit neuf nouveaux critères de succès pour l’accessibilité des applications mobiles, y compris des recommandations pour les cibles tactiles, le design réactif et les gestes. Chacun de ces critères contribue à améliorer l’accessibilité mobile pour les personnes ayant des handicaps cognitifs, visuels, physiques ou d’apprentissage, et s’appuie sur la base créée par la WCAG 2.1.

Comprendre l’accessibilité des applications mobiles

Selon le World Wide Web Consortium (W3C)(opens in a new tab), l’accessibilité mobile « consiste à rendre les sites web et les applications plus accessibles aux personnes en situation de handicap lorsqu’elles utilisent des téléphones mobiles et d’autres appareils. » Plus simplement, cette approche garantit que les utilisateurs avec divers handicaps peuvent accéder au web et y naviguer sur des appareils mobiles. Étant donné que de plus en plus de consommateurs comptent sur les appareils mobiles pour leurs activités professionnelles(opens in a new tab), les organisations doivent accorder la priorité à l’accessibilité sur ces appareils.

Améliorer l’accessibilité des applications mobiles n’est pas seulement la bonne chose à faire — c’est aussi une obligation légale. Selon le Titre III de l’Americans with Disabilities Act (ADA)(opens in a new tab), les lieux d’hébergement public doivent être accessibles à tous, en particulier aux personnes en situation de handicap. Les sites web et les applications mobiles sont considérés comme des lieux d’hébergement public, ce qui signifie qu’ils doivent légalement être accessibles.

Cependant, l’ADA ne précise pas de spécifications techniques sur l’accessibilité numérique. Pour cette raison, le Department of Justice (DOJ) a adopté la WCAG comme norme de conformité. Les organisations qui respectent les directives de la WCAG 2.2 niveaux A et AA sont considérées comme conformes aux exigences d’accessibilité de l’ADA. Cela permet de réduire le risque de litiges — y compris les poursuites et les mises en demeure — liés à un manque d’accessibilité.

Une rangée de 4 icônes différentes avec, sous chacune, le texte Perceptible, Utilisable, Compréhensible, Robuste

Quatre principes pour atteindre la conformité WCAG sur les applications mobiles

Pour garantir l’accessibilité de vos applications mobiles, quatre principes clés doivent être respectés :

• Perceptible : Le contenu des applications mobiles doit être perceptible par les utilisateurs, c’est-à-dire que l’application présente un bon ratio taille d’écran/contenu, un contraste de couleurs suffisant, des fonctionnalités de zoom, etc.

• Utilisable : Ce principe concerne l’utilisabilité globale d’une application mobile et la facilité avec laquelle les personnes en situation de handicap peuvent interagir avec l’application. Les applications utilisables incluent des fonctionnalités comme un clavier compatible avec l’écran tactile ou des gestes tactiles alternatifs.

• Compréhensible : Les utilisateurs mobiles doivent comprendre comment naviguer dans l’application et la personnaliser, grâce à une interface claire, des outils de personnalisation, des appels à l’action (CTA) explicites et un regroupement des éléments similaires.

• Robuste : Le principe de robustesse concerne l’efficacité d’une application mobile sur différents systèmes d’exploitation ou appareils. Par exemple, une application mobile doit fonctionner aussi bien sur un appareil mobile que sur un ordinateur de bureau.

Vous devez également vous assurer que vos applications mobiles respectent les recommandations des niveaux de conformité WCAG. Essayez de satisfaire à toutes les exigences des niveaux A et AA, car elles constituent les standards minimaux d’accessibilité.

Liste de contrôle pour l’accessibilité des applications mobiles

Pour vous aider à respecter les normes d’accessibilité WCAG, utilisez la liste de contrôle ci-dessous comme point de départ. Il est important de noter que l’intégration de ces fonctionnalités ne rendra pas votre application ou site mobile 100 % conforme — des tests d’accessibilité supplémentaires sont nécessaires pour garantir une conformité totale.

Tailles d’écran

Lors de la conception de votre application mobile, gardez à l’esprit que les utilisateurs interagiront sur différentes tailles d’écran. L’application doit être optimisée pour les grands et petits écrans, avec un contenu réduit au minimum, des tailles de texte raisonnables et un positionnement ajusté des champs de formulaire si nécessaire.

Contraste des couleurs

Les directives WCAG 2.2 niveau AA exigent que le texte ait un ratio de contraste d’au moins 4,5:1 et que le texte plus grand ait un ratio de 3:1. Utiliser un contraste de couleurs approprié permet aux utilisateurs en situation de handicap (y compris ceux ayant des troubles visuels) de distinguer les éléments web et de comprendre le contenu de l’application. Un outil de vérification du contraste des couleurs peut vous aider à trouver le bon équilibre.

Gestes dans l’application

Gardez les gestes de l’application aussi simples que possible. Les utilisateurs ayant des handicaps physiques ou moteurs peuvent avoir des difficultés avec des gestes complexes. Il est recommandé de privilégier les gestes « tap » ou « swipe » pour simplifier l’expérience utilisateur.

Cohérence de la mise en page

Les informations répétées dans votre application (ex. : informations de contact, en-têtes, pieds de page, chatbots, etc.) doivent rester dans le même ordre. Cela permet aux personnes ayant des troubles cognitifs de retrouver facilement l’information et diminue le risque de se perdre dans l’application.

Navigation au clavier

Les utilisateurs doivent pouvoir naviguer dans votre application mobile uniquement à l’aide d’un clavier. L’ordre de tabulation de la page doit également être logique et intuitif pour garantir une bonne expérience.

Taille du texte et de la police

Assurez-vous que les utilisateurs peuvent modifier la taille du texte et de la police en fonction de leurs besoins spécifiques. Ils doivent pouvoir le faire sans que le texte soit masqué ou que la mise en page soit altérée.

Texte alternatif

Toutes les images — y compris les images décoratives — doivent comporter un texte alternatif (texte alt). Cela permet aux personnes ayant des handicaps visuels (ex. : cécité, basse vision, daltonisme, etc.) de comprendre le contexte de l’image et sa raison d’être sur la page.

Titres

Les titres doivent être utilisés de manière appropriée pour créer une hiérarchie logique du contenu. Plus simplement, les titres doivent fournir des informations sur la structure d’une page et le parcours utilisateur.

Taille des cibles

Les cibles tactiles comme les boutons et les liens doivent être de taille et d’espacement appropriés sur les applications mobiles. Elles doivent aussi être facilement identifiables, permettant aux utilisateurs de faire la différence entre le texte environnant et l’élément.

Tester la compatibilité avec les lecteurs d’écran

Près de 80 % des personnes en situation de handicap utilisent des lecteurs d’écran(opens in a new tab) pour utiliser des applications mobiles et web. Assurez-vous que votre application mobile est compatible avec les lecteurs d’écran et autres technologies d’assistance en testant vos applications avec ces dispositifs. Cela vous aidera à identifier les points à améliorer pour renforcer l’accessibilité.

Lorsque vous créez de nouvelles applications mobiles ou mettez à jour celles existantes, envisagez de réaliser un audit manuel de vos applications ou de les faire tester par des personnes en situation de handicap. Par exemple, AudioEye effectue un audit expert approfondi de vos applications mobiles pour identifier les violations WCAG. Toutes les violations sont partagées dans un rapport détaillé afin que vous puissiez prioriser les erreurs d’accessibilité à corriger en premier. Nous faisons également appel à notre communauté A11iance, composée de personnes ayant divers handicaps, pour tester les applications mobiles et signaler les obstacles à l’accessibilité.

Créez des applications mobiles conformes WCAG avec AudioEye

Alors que l’utilisation des applications mobiles continue d’augmenter, il est essentiel qu’elles soient aussi accessibles et inclusives que possible — et cela commence par le respect des directives WCAG. Suivre ces recommandations vous permet non seulement d’offrir une expérience mobile positive à vos utilisateurs, mais aussi d’augmenter le succès global de vos applications mobiles. Un scan d’accessibilité régulier de votre site web ou un audit expert de votre application mobile est le meilleur moyen de détecter les problèmes avant qu’ils n’affectent vos clients. De plus, développer des applications mobiles accessibles vous aide à éviter d’éventuelles actions en justice, qui peuvent être coûteuses, longues et nuire à la réputation de votre marque.

Plutôt que d’attendre que les erreurs d’accessibilité vous trouvent, prenez des mesures proactives pour les détecter et les corriger vous-même. Chez AudioEye, nous vous aidons à démarrer sur la voie de la conformité à l’accessibilité mobile. Notre équipe de testeurs humains audite soigneusement vos applications mobiles et signale les violations WCAG, en fournissant des recommandations pour les corriger.

Ensemble, nous créerons une interface utilisateur mobile accessible, inclusive et conforme aux WCAG.