Guide complet pour intégrer l’accessibilité numérique dans votre projet d’application !

En France et dans le monde entier, les produits et services numériques sont conçus pour offrir une expérience utilisateur optimale. Cependant, il est grand temps de se demander si nous avons inclus l’ensemble de la population dans cette expérience ?

Et si je vous disais qu’une grande opportunité s’offre à votre entreprise ?

Selon une estimation confirmée par des études mondiales, seulement 97% des supports web présentent actuellement des lacunes en termes d’accessibilité numérique, pour 70% du contenu digital, complètement inaccessible aux personnes en situation de handicap.

Vous l’aurez compris, cela signifie que votre application web ou mobile peut non seulement ouvrir ses portes à un public plus large, mais également profiter de nombreux avantages ! 

L’inclusion numérique, la clé de l’intégration

Qu’est-ce que l’accessibilité numérique ? 

Les personnes handicapées représentent 1 milliard de personnes dans le monde, soit une personne sur 8. Cependant près de 80% des handicaps sont invisibles à la population.

Pour y voir plus clair, reprenons les bases et imageons le tout. Quatre familles de déficiences physiques ou mentales s’en détachent : 

• Auditif : Concerne principalement les personnes sourdes ou malentendantes, dépendant ainsi de contenu visuel ou textuel. Le sous-titrage sur les vidéos ou les représentations schématiques sont un exemple de contenu abordable et permettent d’accéder à l’information.
• Visuel : Concerne les personnes malvoyantes ou aveugles, mais peut également toucher d’autres formes de déficience oculaire telles que le daltonisme ou encore la presbytie par exemple. Des fonctions telles que le lecteur d’écran ou encore le convertisseur vocal sont des solutions parmi tant d’autres pour permettre l’accessibilité numérique. 
• Cognitif : Affectant des personnes ayant des troubles de l’attention, de la compréhension, de la lecture ou encore de la mémoire. La dyslexie par exemple ou bien la maladie d’alzheimer, sont des troubles nécessitant une structuration et une présentation claire des contenus. Allant du choix des polices jusqu’à la mise en place d’éléments multimédias contrôlables, plusieurs moyens peuvent être mis en place pour permettre une navigation agréable. 
• Moteur : Les limitations physiques affectant la capacité à maîtriser et utiliser du matériel multimédia tel qu’un smartphone ou un ordinateur. Des outils, ainsi qu’une conception adaptée peuvent faciliter leur utilisation. 

Maintenant que vous avez un ordre d’idées de tous les potentiels visiteurs de votre application, définissons l’accessibilité numérique. 

Souvent abrégée “accessibilité”, ce terme désigne l’élaboration de sites internet, d’applications, et de contenus numériques en tout genre pouvant être utilisés par un large éventail de personnes, notamment celles en situation de handicap. 

Elle repose sur des normes nationales ou internationales, et des critères d’accessibilité établis par des organismes tels que le World Wide Web Consortium (W3C) ou le Web Accessibility Initiative (WAI). Des initiatives visant à créer une uniformité et garantir l’inclusion des personnes handicapées dans le monde numérique. 

En somme, l’accessibilité numérique vise à rendre les technologies de l’information et du divertissement accessibles à tous. Favorisant ainsi la participation et la citoyenneté de chacun, contribuant à une société plus inclusive et équitable. 

Pourquoi l’accessibilité numérique compte ? 

Outre l’aspect fondamental de permettre à chacun de naviguer sur votre application, d’autres avantages viendront se greffer à votre projet de mise en place d’une accessibilité sur votre plateforme : 

• L’accès au marché des séniors : la tranche des séniors (plus de 55 ans) représente 18 millions de personnes en France, le secteur digital évolue au même rythme que la “silver économie”. Une niche pour votre application, étant en phase de devenir adaptée aux éventuelles déficiences telles que physiques, fatigue oculaire, auditive ou encore maladies invalidantes. Comptez qu’en 2050, un tiers de la population française aura plus de 55 ans, et la génération numérique en fera partie. Un marché prêt à être conquis, pour un avantage concurrentiel considérable.
• Améliorez votre référencement naturel : l’accessibilité facilitant l’accès au contenu pour les utilisateurs, cela s’applique également aux moteurs de recherche. Des critères d’accessibilité rejoignant ceux du SEO, supprimant ainsi les obstacles à l’indexation et à la visibilité en proposant du contenu textuel sémantiquement correct, contribuant à l’optimisation de votre référencement. Évidemment cela ne vous garantira pas une place au premier rang à coup sûr, mais pourra vous aider à ranker parmi vos concurrents.
• Valorisez votre image de marque : la mise en œuvre de l’accessibilité est un excellent moyen de renforcer votre citoyenneté en démontrant votre engagement social envers le grand public. Pouvant également enrichir votre image employeur, et ainsi attirer les meilleurs talents.
• Augmentez votre taux d’audience : permettant d’élargir le champ de vos visiteurs, cela constitue une opportunité considérable pour votre application. C’est en touchant un public plus large, que vous augmentez vos chances de conversion. 
• Amélioration globale de l’expérience utilisateur : l’accessibilité profitera à l’ensemble de votre public.
• Amélioration technique : nécessitant une structuration plus claire ainsi qu’une programmation plus propre, votre code sera de meilleure qualité. Entraînant donc une pérennité plus importante et une maintenance plus aisée.

Comprendre l’accessibilité numérique 

Les besoins sociétaux 

Que dit la loi ? 

En France, la législation encadre l’accessibilité numérique avec deux textes majeurs : L’article 47 de la loi « Handicap » du 11 février 2005 et le décret d’application du 24 juillet 2019. Tous deux formalisent les obligations concernant l’accessibilité aux personnes handicapées auprès des services de communication digitaux. 

Qui est concerné par les obligations légales ? 

Ces critères touchent tous types d’entités, telles que les personnes morales de droit public (l’État et les collectivités territoriales), mais également les personnes morales aux missions d’intérêt général (sociétés de transport en commun ou office du tourisme). Les entreprises françaises privées, ayant réalisé plus de 250 millions de chiffre d’affaires au cours des trois dernières années sont également soumises à ces réglementations. 

• Les sites internet, intranet, extranet
• Les applications mobiles et web
• Les progiciels web et le mobilier urbain numérique (les bornes interactives). 
• Contenus tels que les documents PDF et les vidéos.

Je veux discuter de mon projet

Intégrez l’accessibilité numérique à votre application 

Évaluez vos besoins 

La première étape cruciale dans votre route vers l’accessibilité numérique consiste à évaluer vos besoins. Pour ce faire, réaliser un audit approfondi de votre application (ou site internet) est le premier pas pour votre projet. 

Un des outils pour vous aider dans votre démarche est nommé Ara, une plateforme d’audit créée par l’agence numérique Dinum, et mis à disposition sur le site officiel de l’État. Cet outil a été spécifiquement mis en place dans le but de mener des audits d’accessibilité numérique. Par ailleurs, Ara ne vous permet pas seulement de réaliser votre audit, mais également de réaliser les deux étapes suivantes : générer le rapport d’accessibilité détaillé, et rédiger la déclaration d’accessibilité. 

Vous retrouverez l’ensemble des documents et informations essentiels, qui vous accompagneront dans votre démarche de mise en oeuvre de l’accessibilité, sur votre application ou votre site web à l’adresse suivante : https://accessibilite.numerique.gouv.fr/ressources/kit-audit/

Comprendre le processus d’audit ? 

Il est fondamental de préciser que l’outil Ara n’est pas un outil d’audit automatique ! Au contraire, cet outil repose sur une approche humaine et méthodique, de manière précise et détaillée.

Il est spécifiquement conçu pour être aligné à la dernière version du référentiel général d’amélioration de l’accessibilité (RGAA 4.1). Un outil qui vous permettra d’atteindre vos objectifs d’inclusion pas à pas, en trois étapes : 

• Un audit rapide : Pour une évaluation rapide de votre application ou site web, cet audit se concentre sur 25 critères essentiels.
• L’audit complémentaire : Suite à la première évaluation, vous souhaitez approfondir le sujet. Cette seconde étape de l’audit couvre 50 critères, elle peut être la meilleure option pour identifier vos lacunes et bonnes pratiques. 
• L’audit complet : Connu sous le nom de conformité, cette dernière étape consiste à effectuer une évaluation exhaustive et complète de votre plateforme, évaluant les 106 critères d’accessibilité.

A noter : Peu importe la version que vous choisissez, Ara vous permettra de créer votre rapport d’audit détaillé. Un document qui vous permettra d’avoir une vue d’ensemble et précise sur votre niveau actuel d’accessibilité. Les étapes sont d’ailleurs complémentaires, vous pouvez donc commencer par le premier niveau et adapter votre plateforme, puis ainsi de suite. 

Ils sont exprimés en pourcentage, étant calculés simplement : le nombre de critères respectés divisé par le nombre de critères applicables. Un critère est considéré comme applicable lorsque l’élément évalué est présent sur votre plateforme. 

Par exemple, un critère peut examiner la présence de tableaux de données, images ou encore codes CAPTCHA.

Cette méthode vous offrira une évaluation claire et précise, en vous indiquant les domaines spécifiques pour lesquels des améliorations doivent être mises en place. 

Une fois votre évaluation réalisée, vous pourrez élaborer votre plan d’action ! 

Qui sont vos utilisateurs ? 

Après avoir pris connaissances des besoins de votre application en termes d’accessibilité, il est fondamental dans un second temps de cibler vos utilisateurs afin d’en tirer leurs besoins. 

1. Définissez les objectifs de votre recherche : Quels types de handicaps souhaitez vous prendre en compte ? Quel est le public cible de votre application ? Quels sont les problèmes d’accessibilité que vous cherchez à résoudre ? 
2. Analysez les données existantes : Dans le cas où vous disposez déjà d’utilisateurs, examinez les données démographiques afin de comprendre qui sont-ils et quels comportements ils adoptent sur votre plateforme. Ces informations pourront vous donner des indices sur leurs besoins d’accessibilité.
3. Effectuez des enquêtes : Cela peut être des entretiens avec des utilisateurs potentiels ou existants. Posez-leur des questions sur leurs besoins, leurs défis et préférences en termes d’accessibilité. Des enquêtes en ligne peuvent aussi vous aider dans votre démarche de recueil d’informations. 
4. Étudiez vos statistiques : Les données d’utilisation telles que le taux d’abandon, de rebond ou le parcours des utilisateurs seront des clés pour la création de votre plan d’action. Car cela pourrait révéler les zones de votre application qui nécessitent des aménagements.
5. Mettez en place des groupes de discussion : Composés d’utilisateurs de différents types de handicap, écoutez et prenez en compte leurs récits d’expérience et identifiez les points d’actions. 
6. Analysez vos concurrents : Cela vous donnera certainement des idées de fonctionnalités ou de designs à adopter ou même éviter ! 
7. Créez vos personas d’utilisateurs : Grâce à vos recherches et démarches, vos personas d’utilisateurs représentent votre cible et leurs comportements. 

Les scénarios d’utilisation : 

La création de scénarios est une étape fondamentale, jouant un rôle essentiel dans la compréhension des besoins de vos utilisateurs. C’est en décrivant les interactions réelles et potentielles que vous serez guidés dans votre conception. Une aide qui sera bénéfique aux concepteurs, développeurs et même testeurs.

Ces scénarios permettront à l’équipe en charge de la création ou de l’amélioration de votre application de comprendre l’importance de l’accessibilité et les défis auxquels sont confrontés vos utilisateurs. Ceux-ci engagent l’empathie et l’engagement envers l’inclusion numérique. 

Imaginons un type de scénario pour chaque type de handicap, évidemment libre à vous de les adapter en fonction de votre plateforme et votre cible que vous aurez pu identifier précédemment !

Handicap auditif : 

Sophie est utilisatrice de votre appli de messagerie vidéo, étant sourde elle communique en langue des signes française (LSF). Lors de son utilisation, elle a donc besoin de sous-titres sur les vidéos pour comprendre les discussions. Sophie préfère les notifications visuelles telles que des indicateurs lumineux ou encore des vibrations pour être avertie de ses messages. Enfin, elle apprécierait avoir accès à une fonction de traduction LSF, afin de faciliter ses échanges quotidiens. 

Handicap visuel: 

Marc utilise votre application de lecture de livres et magazines tous les jours. Il est aveugle et utilise un lecteur d’écran pour accéder à votre contenu. Il a donc besoin d’une application compatible avec les lecteurs d’écran populaires. Les livres électroniques par exemple, doivent être en texte plutôt qu’en image afin que ces outils puissent les interpréter correctement.

Handicap cognitif:

Emma se sert de votre application de gestion des tâches régulièrement. Ayant des troubles de l’attention et de la mémoire, elle a besoin d’une interface épurée et simplifiée pour lui éviter toute confusion. Des instructions claires et concises pourraient également l’aider dans son utilisation. Des rappels visuels ou sonores pour ses tâches importantes seraient un grand plus, tout comme un système de priorisation pour l’aiguiller en toute concentration.

Handicap moteur:

Pierre est un utilisateur de votre appli de navigation GPS, étant atteint de mobilité réduite, il ne peut utiliser de smartphones de manière traditionnelle. Un dispositif de commande oculaire vient donc l’accompagner dans sa navigation, il est donc nécessaire que votre plateforme soit compatible avec ce dispositif. De plus, les boutons et commandes doivent être suffisamment grands et accessibles pour bénéficier de l’assistance oculaire.

Une conception accessible : pour une application inclusive 

Design universel 

Le design universel, aussi appelé design inclusif repose sur le principe d’inclusion totale sur tous les services et produits digitaux. Une conception qui comprend tous les utilisateurs quelle que soit leur situation, leurs compétences ou caractéristiques. 

Il englobe les considérations telles que l’âge, le genre, la culture, le handicap et bien d’autres. 

Un exemple significatif de design inclusif est l’utilisation de couleurs saturées dans le but de faciliter la lisibilité, même pour les personnes atteintes de déficiences visuelles telles que le daltonisme.

Il repose sur trois principes énoncés par la W3C : l’accessibilité, l’inclusion et l’ergonomie informatique. Trois fondements interconnectés et essentiels pour la conception d’une plateforme accessible à tous.

Zoom sur les bonnes pratiques 

• Clarté et compréhensibilité : évitez le jargon et les caractères spéciaux pouvant poser problème aux outils d’assistance

• Accessibilité aux médias : 
  • Fournissez des sous-titres aux contenus vidéos 
  • Ajoutez les légendes et textes alternatifs à vos images et contenus visuels 

• Contraste et lisibilité : 

• • Optez pour des couleurs offrant un contrat adéquat 
  • Utilisez des outils pour évaluer le contraste 
  • Garantissez la possibilité de grossir le texte

• Navigation intuitive : 

• • Concevez une navigation claire et des libellés explicites pour vos liens et boutons 
  • Intégrez des fils d’ariane pour situer l’utilisateur du site 

• Accessibilité du clavier : 

• • Assurez vous de l’utilisabilité de chaque fonctionnalité via le clavier 
  • Mettez en évidence le focus visuel pour les utilisateurs de clavier

• Formulaires et champs :

• • Utilisez des étiquettes lisibles et explicites 
  • Indiquez les erreurs et mettez en place un correcteur

• Adaptabilité : 

• • Concevez des mises en page flexibles pour différentes tailles et orientations d’écran 

• Compatibilité avec les technologies d’assistance : 

• • Assurez vous de l’utilisation appropriée des rôles ARIA
  • Testez l’accessibilité des outils d’assistance  

Les bases techniques : pour un développement accessible 

Le balisage sémantique, le squelette de l’accessibilité 

Le balisage sémantique est un concept indissociable de l’accessibilité numérique ! 

Il s’agit en somme de l’utilisation appropriée de balises HTML, afin de structurer le contenu d’une page web de manière à le rendre compréhensible aux navigateurs, mais également aux outils d’assistance. Lecteurs d’écran, synthèse vocale et tant d’autres outils dépendant de l’importance que vous avez accordé au balisage lors du développement de votre plateforme. 

Les balises HTML n’ont pas comme seule utilité de formater et rendre esthétique votre application ou votre site web. Elles ont une signification spécifique indiquant autant au navigateur qu’aux outils d’assistance, la hiérarchisation du contenu. Par exemple, la balise <h1> est destinée aux titres principaux, <h2> aux sous-titres, <p> aux paragraphes, <ul> et <ol> aux listes, etc.

Une approche garantissant la bonne usabilité des technologies d’assistance, permettant ainsi aux utilisateurs de naviguer efficacement à travers votre plateforme via leurs outils d’assistance. 

Vérifiez la qualité de l’inclusion 

Des outils de test 

Test global et vérificateur WCAG : 

• WAVE : est une suite d’outils de test général de votre plateforme, conçue pour aider les créateurs de contenu web à améliorer l’accessibilité pour les personnes handicapées.  Il identifie les erreurs d’accessibilité et de conformité WCAG. 
• Eye-Able : test automatisé de votre plateforme selon les normes d’accessibilité. Vous aurez la possibilité d’obtenir des rapports de tests avec des indications d’erreurs contenues dans votre site, corrélées avec les plus fréquentes sur le web. 
• Silktide : un outil accessible et puissant pour évaluer la conformité de votre site web aux normes d’accessibilité. Il identifie et classe les problèmes, fournit des recommandations claires, s’adapte aux appareils mobiles, et offre des fonctionnalités de suivi des progrès de l’équipe. Cet outil peut également se jumeler avec votre CMS afin de réévaluer constamment votre plateforme. 
• Axe – Deque : utilisé par des géants comme Google et Microsoft, il offre une bibliothèque complète de tests pour des résultats précis. Il s’intègre à Chrome, propose des tests guidés et automatisés, ainsi que des audits WCAG complets.

Audit automatique : 

• Axe dev tool : Une extension Chrome gratuite qui vous servira à détecter et résoudre les problèmes d’accessibilité durant le développement de votre site web. Cet outil est basé sur axe-core, un des moteurs de test d’accessibilité les plus fiables.
• ARC toolkit : Ensemble d’outils d’accessibilité pour les développeurs. Permettant de détecter et résoudre les problématiques d’accessibilité conformément aux normes en vigueur. Il est intégré aux outils de développement de chrome, il offre des tests interactifs et des résultats visibles dans le panneau Éléments. Il peut fonctionner localement, même sur des pages en cours de développement.
• Tanaguru webext : Une webextension analysant certains critères d’accessibilité du RGAA.

Test visuel : 

• Contrast Checker : Ce site web vous permet de tester rapidement vos polices, vous pouvez les intégrer via une image ou seulement indiquer les caractéristiques de votre texte.
• A11y : vous pouvez simplement entrer l’URL de votre site web et vérifier le contraste de couleurs. Cet outil vous signalera tout problème de contraste qui pourrait affecter la lisibilité de votre contenu, que ce soit sur une page web, une application ou un site en particulier.

A noter qu’il est recommandé d’utiliser une combinaison d’outils car ils sont complémentaires, offrant ainsi une vue d’ensemble détaillée de l’accessibilité de votre site ou application. 

Les utilisateurs 

Lors du développement de votre plateforme numérique, il sera impératif de prendre en compte la diversité des utilisateurs ainsi que leurs caractéristiques, y compris les particularités en matière d’accessibilité. Cependant, il ne suffit pas de se fier aux normes et résultats de tests garantissant l’optimisation de l’accessibilité de votre plateforme. C’est la raison pour laquelle il sera fondamental de procéder à des tests approfondis, en interrogeant un échantillon représentatif d’utilisateurs présentant différents handicaps.

Cette sélection diversifiée d’utilisateurs permettra via des échanges de mettre en lumière les points faibles de votre plateforme, et ainsi identifier les domaines nécessitant des améliorations. Elle permettra également de s’assurer que tous les utilisateurs pourront accéder au contenu de votre site ou application ainsi que leurs fonctionnalités de manière efficace et sans obstacles. Enfin, cette étape vous fournira des retours d’expérience précieux et des commentaires directs qui seront essentiels pour l’amélioration de votre plateforme. Renforçant également la réputation de votre entreprise, sa relation avec ses internautes et sa crédibilité sociale. 

Le petit +

Trésor de ressources 

Liens Incontournables :

• https://www.ipedis.com/definition-accessibilite-numerique 
• https://design.numerique.gouv.fr/accessibilite-numerique/
• https://ideance.net/fr/ressources-accessibilite-numerique/
• https://www.ipedis.com/ressources-liens_utiles 

Applications et services complémentaires : 

• Rogervoice : Cette application combine l’intelligence artificielle et l’assistance humaine pour sous-titrer en temps réel les conversations et traduire en langue des signes française via visio-interprétation.
• Be My Eyes : Une communauté mondiale de bénévoles voyants offre une assistance visuelle aux personnes aveugles ou malvoyantes via des appels vidéo, les aidant dans diverses tâches quotidiennes.
• Seeing AI : Une application équipée d’intelligence artificielle qui décrit l’environnement aux personnes non ou malvoyantes en convertissant les informations visuelles en rétroaction audio.
• SoundScape : Destinée à aider les personnes ayant une déficience visuelle à se déplacer en fournissant une description sonore de leur environnement grâce à un son audio spatial 3D.
• Je veux : Une application conçue pour les personnes ayant des troubles de la parole, offrant une galerie de pictogrammes pour faciliter la communication quotidienne grâce à la synthèse vocale.

Associations de référence :

• Association Valentin Haüy
• Fédération des Aveugles et Amblyopes de France
• Ladapt
• International Association of Accessibility Professionals

Évènements liés à l’accessibilité numérique :

• Inclusive Design 24
• Microsoft Ability Summit
• Paris Web
• Semaine Européenne pour l’emploi des personnes handicapées
• Accessibilité Paris

Étude de cas, une histoire inspirante 

Le cas d’Intim’ed

L’application web Intim’ed, met en évidence l’importance de l’accessibilité numérique particulièrement dans le contexte de l’éducation inclusive. Son objectif premier est de fournir une solution éducative numérique qui soit aisément accessible à tous les élèves, soulignant ainsi un engagement fort envers l’inclusion. 

Ce projet repose sur un partenariat qui place l’accessibilité numérique au cœur de son utilité sociale. Il a été conçu pour évoluer de manière synchrone avec les besoins changeants de la société. Intim’ed propose un outil facile d’utilisation et ludique, adapté à une diversité d’utilisateurs.

L’accessibilité est un droit fondamental pour toutes les personnes, quelle que soit leur situation. En travaillant ensemble pour créer un Internet plus inclusif, nous pouvons bâtir un avenir numérique meilleur et plus équitable pour tous.

Alors vous aussi vous êtes prêt à offrir une expérience optimale à chacun de vos utilisateurs ? Nos équipes de développeurs et professionnels sont à votre écoute pour votre projet digital ouvert à tous ! 

Je contacte Mayasquad