Il était une fois… l‘Inclusion et l‘Accessibilité numérique ! ✨

Introduction

Cet épisode contiendra les personnages : Madame Accessibilité numérique et Monsieur Agent de l’État.

Monsieur Agent de l’État regarde trois plats différents un peu déçu parce qu'ils possèdent tous des arachides. Monsieur Agent de l’État : Euh… je suis allergique aux arachides… et, y’en a dans tous les plats ?

Madame Accessibilité numérique surgit avec une toque de chef pour échanger avec Monsieur Agent de l’État :
C’est exactement ce qui se passe dans le numérique : si on ne pense pas à toutes et tous dès le départ, certains ne peuvent tout simplement pas accéder au service.

Définition

Nous passons maintenant sur une explication du sujet par Madame Accessibilité numérique : L’accessibilité numérique, c’est rendre les services utilisables par toutes et tous, quelles que soient les capacités, les outils ou les contextes.
 Ce n’est pas seulement agrandir un texte ou améliorer un contraste : ça concerne l’ensemble de la chaîne de conception, en pensant au texte, au son, aux visuels et à la navigation.

Pourquoi c’est important ?

Madame Accessibilité numérique indique : Aujourd’hui, seulement 3 % des démarches en ligne sont réellement accessibles.
Un formulaire mal conçu peut bloquer une demande essentielle.
Une vidéo sans sous-titres ou une navigation impossible au clavier… et des usagers abandonnent.
Résultat : des services publics non rendus, des agents trop sollicités et une dette d’accessibilité qui coûte cher.

On peut voir Monsieur Agent de l’État devant son ordinateur embêté puisqu'il ne peut pas compléter une démarche en ligne.

En quoi suis-je concerné ?

Madame Accessibilité numérique et Monsieur Agent de l’État apparaissent à l’écran.

Monsieur Agent de l’État s'interroge : Mais… si je ne suis pas expert, comment aider ?

Madame Accessibilité numérique explique : L’accessibilité n’est pas réservée aux spécialistes : développeurs, communicants, décideurs, agents… chacun a un rôle à jouer. Si tout le monde s’y met dès le début, on construit des services plus inclusifs, plus efficaces, et plus satisfaisants.

Bonnes pratiques

Un visuel apparait listant les bonnes pratiques :

• Intégrer l’accessibilité dès le cadrage du projet.
• Créer des parcours alternatifs (transcription, description, contraste…).
• Vérifier à chaque étape : Est-ce accessible sans voir ? Sans entendre ?
• Activer la navigation clavier et tester au moins 3 critères avec l’équipe.
• Former l’équipe et utiliser une checklist pour tester régulièrement

Comment procéder ?

Madame Accessibilité numérique reprend la parole pour expliquer :
Concrètement, ça veut dire :

• Faire un audit pour identifier les non-conformités.
• Tester avec des outils simples comme les lecteurs d’écran ou simulateurs.
• Créer une fiche projet “accessibilité” dès le départ.
• Et inscrire un objectif d’accessibilité dans la gouvernance.

Conclusion

Madame Accessibilité numérique et Monsieur Agent de l’État se retrouvent ensemble chacun avec un plateau repas en train de se diriger vers une table.

Madame Accessibilité numérique conclut : L’accessibilité numérique, ce n’est pas une option, c’est une attention. Comme en cuisine : si on pense à tous les convives, chacun repart satisfait.

La phrase de fin

Madame Accessibilité numérique en train de nourrir son chat indique :
L’accessibilité, c’est savoir régaler tout le monde.

Introduction

Cet épisode contiendra les personnages : Madame Accessibilité numérique et Monsieur Agent de l’État.

Monsieur Agent de l’État tenant des cartes minuscules et agacé :
Heu… je veux bien jouer, mais mes cartes sont trop petites…

Madame Accessibilité numérique arrive souriante, montrant d’autres cartes de tailles variées dans ses mains et indique :
Difficile de jouer quand on est pas tous dans de bonnes conditions pour participer.

Définition

Un visuel montrant plusieurs personnages apparait à l’écran tous avec un handicap différent.

Madame Accessibilité numérique explique :
Quand on pense handicap, on imagine souvent un fauteuil roulant. Mais en réalité, le handicap prend des formes très variées : motrices, sensorielles, mentales, cognitives ou psychiques.
 Certains handicaps sont visibles, d’autres invisibles, et certains peuvent même être temporaires. Selon l’OMS, une personne est handicapée quand une atteinte physique ou mentale, durable ou temporaire, liée à la naissance, à l’âge ou à un accident, limite son autonomie, sa scolarité ou son accès à l’emploi. On distingue donc le handicap durable… et les situations de handicap, contextuelles ou temporaires.

Pourquoi c’est important ?

Madame Accessibilité numérique argumente : Un service public conçu pour la diversité, c’est un service plus robuste, plus universel. Aujourd’hui, 18,2 millions de personnes en France vivent avec une forme de handicap.
 Ne pas prendre en compte leurs besoins, c’est créer soi-même des situations de handicap. 
Et dans le service public, l’accessibilité est une obligation légale autant qu’une exigence éthique.

En quoi suis-je concerné ?

Monsieur Agent de l’État demande à Madame Accessibilité numérique :
Même si je ne suis pas experte, je peux agir ?

Madame Accessibilité numérique lui répond : Absolument. Que vous soyez agent, développeur, communicante ou cheffe de projet : chacun peut rendre les services plus inclusifs et plus justes.

Bonnes pratiques

Un visuel apparait listant les bonnes pratiques suivantes :

• Former les équipes et nommer des référents accessibilité.
• Écouter et tester avec des profils diversifiés.
• Adapter les parcours selon le contexte.
• Représenter la diversité dans les supports et les tests.

Comment procéder ?

Madame Accessibilité numérique explique : Pour progresser, commencez par identifier vos usagers dès le cadrage.
 Organisez des ateliers immersifs : tester sans son, sans regarder, ou avec une seule main. Comparez les parcours entre personnes ordinaires et en situation de handicap. Et surtout, prenez en compte les retours pour ajuster vos services.

Conclusion

Madame Accessibilité numérique conclut : « Comme lors d’un jeu de société : si chacun est dans de bonnes conditions, tout le monde peut participer. »

La phrase de fin

Madame Accessibilité numérique est en train de jouer avec son chat tout en indiquant : L’accessibilité, c’est quand chacun peut participer pleinement.

Introduction

Cet épisode contiendra les personnages : Madame Accessibilité numérique et Monsieur Agent de l’État.

Monsieur Agent de l’État est en fauteuil face à un escalier pour se diriger vers un quai (Il n’y a pas d’ascenseur) :
Tout le monde peu monter dans le train… sauf moi.

Madame Accessibilité numérique apparait lui tendant la main :
Inclure, ce n’est pas aider une fois que le train est parti. C’est organiser le voyage avec tout le monde dès le départ.

Définition

Madame Accessibilité numérique explique :
Inclure les personnes en situation de handicap, c’est les associer à toutes les étapes d’un projet : conception, tests, ajustements. Pas seulement à la fin, quand tout est déjà figé.

Pourquoi c’est important ?

Madame Accessibilité numérique argumente : L’inclusion permet d’éviter des erreurs coûteuses à corriger après coup. Elle réduit la dette d’accessibilité, garantit la conformité légale, et surtout… Elle apporte des retours concrets très tôt dans le projet. Les usagers deviennent alors de vrais partenaires, et les services sont plus robustes, plus justes, plus utiles.

Monsieur Agent de l’État et Madame Accessibilité numérique se serrent la main et continuent d’échanger ensemble.

En quoi suis-je concerné ?

Monsieur Agent de l’État se demande :
Mais… moi, je ne suis pas designer. Est-ce que je peux agir ?

Madame Accessibilité numérique explique :
Oui. Que vous soyez chef de projet, développeur, communicant ou agent, vous avez un rôle. Inclure dès le départ, c’est la responsabilité de toutes et tous.

Bonnes pratiques

Un visuel apparait rappelant les bonnes pratiques à avoir :

• Créer un panel inclusif dès le cadrage.
• Tester les maquettes, même incomplètes.
• Réaliser des tests en contexte réel, avec outils et contraintes du quotidien.
• Consulter régulièrement experts et associations.

Comment procéder ?

Madame Accessibilité numérique indique :
Pour bien faire, créez une fiche de test inclusive dès le début, tenez un carnet des défauts récurrents, suivez vos progrès, et invitez les associations et représentants d’usagers dès la conception. La diversité des profils testés est la clé.

Conclusion

Madame Accessibilité numérique conclut :
Un service accessible, c’est comme un voyage bien préparé : chacun a sa place, personne ne reste sur le quai.

Un visuel apparait d’un train qui démarre avec Monsieur Utilisateur à bord en train de dire au revoir par une fenêtre.

La phrase de fin

Madame Accessibilité numérique prend la caisse de transport de son chat et indique : Pas pour nous, sans nous.

Introduction

Cet épisode contiendra les personnages : Madame Accessibilité numérique et Monsieur Agent de l’État.

Monsieur Agent de l’État découragé avec un cadre à la main en train de fixer des outils en désordre se demande :
Je dois juste fixer un cadre… mais impossible de trouver le bon outil avec ce désordre.

Madame Accessibilité numérique arrivant pour lui indiquer :
Des documents mal conçus, c’est pareil : on perd du temps, on se fatigue, et parfois… on abandonne.

Définition

Madame Accessibilité numérique explique :
Un document accessible, c’est un fichier numérique que tout le monde peut consulter, comprendre et utiliser. Que ce soit avec un lecteur d’écran, un clavier, ou simplement en lecture rapide. Il doit être clair, structuré et utilisable par toutes et tous.

Pourquoi c’est important ?

Madame Accessibilité numérique argumente :
Un document inaccessible, c’est un service non rendu. Un PDF scanné illisible par un logiciel, un PowerPoint sans structure… et certains usagers se retrouvent exclus. 
À l’inverse, un document bien conçu :

• Fait gagner du temps,
• Améliore l’image du service public,
• Limite les sollicitations inutiles,
• Et respecte la loi.

En quoi suis-je concerné ?

Madame Accessibilité numérique expliquant à Monsieur Agent de l’État : Que vous soyez agent, communicant·e, designer ou cheffe de service… vous produisez tous des documents. Chacun d’eux transmet un message, une information : mail, PDF, Word, etc. À vous de les remplir correctement.

Bonnes pratiques

Un visuel des bonnes pratiques apparait à l’écran :

• Utiliser les styles intégrés (Titre 1, Titre 2…).
• Ajouter des descriptions aux images.
• Vérifier le contraste et l’ordre de lecture.
• Activer l’outil de vérification d’accessibilité.
• Utiliser un langage clair, avec des phrases courtes.

Comment procéder ?

Madame Accessibilité numérique développe :
Structurez dès la rédaction avec les styles intégrés. Utilisez les outils d’accessibilité dans Word, PowerPoint ou Acrobat. Appuyez-vous sur des modèles accessibles déjà prêts, et testez toujours avant diffusion.

Conclusion

Madame Accessibilité numérique conclut : Un document accessible, c’est comme une mallette bien pensée : tout y est, à la bonne place. Résultat : plus d’autonomie, moins de dépendance, et un service public plus clair.

Un visuel de Monsieur Agent de l’État heureux qui a réussi à accrocher un cadre photo avec une image d’un chat apparait à l’écran.

La phrase de conclusion :

Madame Accessibilité numérique apparait à l’écran avec une mallette d’outils accessibilité bien rangée face à son chat : L’accessibilité, c’est l’outil qui sert à tout le monde.

Introduction

Cet épisode contiendra les personnages : Madame Accessibilité numérique et Monsieur Agent de l’État.

Monsieur Agent de l’État est perdu dans un couloir. Il se trouve face à des panneaux avec des explications confuses : Alors… jwe tourne à gauche après les toilettes, sauf si je vois l’ascenseur… heu, j’ai rien compris. Madame Accessibilité numérique apparait avec un clavier à la main : Un texte mal écrit, c’est pareil : trop d’infos, pas assez de clarté… et au final, on abandonne.

Définition

Madame Accessibilité numérique expose : Un contenu accessible, c’est un texte clair, structuré et compréhensible par toutes et tous. Il doit être lisible, quel que soit le niveau de langue, les capacités cognitives ou les outils numériques utilisés.

Pourquoi c’est important ?

Mme Accessibilité argumente : Des contenus clairs, c’est moins d’abandons, moins d’erreurs, et plus de confiance dans les services publics. Cela facilite l’accès à l’information pour les personnes en situation de handicap cognitif ou linguistique… mais en réalité, ça profite à tout le monde.

En quoi suis-je concerné ?

Madame Accessibilité numérique expliquant à Monsieur Agent de l’État : On écrit tous : un mail, une consigne, une fiche, une page web. Chaque mot peut ouvrir… ou fermer une porte.

Bonnes pratiques

Un visuel avec les bonnes pratiques apparait à l’écran :

• Utiliser un langage clair, positif, avec des phrases courtes.
• Mettre l’essentiel en premier.
• Choisir des titres explicites et parler directement au lecteur.
• Utiliser le FALC (Facile à Lire et à Comprendre) pour certains contenus.
• Soigner le lien texte/images et penser au langage inclusif.

Comment procéder ?

Madame Accessibilité numérique révèle : Créez une checklist de contrôle rédactionnelle intégrée à vos outils. Formez les équipes à la rédaction claire et inclusive. Préparez des modèles simples, et prévoyez toujours une relecture centrée sur la compréhension.

Conclusion

Madame Accessibilité numérique avec Monsieur Agent de l’État avançant tous les deux dans la bonne direction grâce à des panneaux avec des indications claires :
 Écrire pour tous, c’est comme donner un itinéraire clair : plus vos indications sont simples, plus la personne avance sans se perdre.

Phrase de Conclusion

Madame Accessibilité avec son chat face à son ordinateur indiquant : Des mots clairs ouvrent des portes, pas des labyrinthes.

Introduction

Cet épisode contiendra les personnages : Madame Accessibilité numérique et Monsieur Agent de l’État.

Monsieur Agent de l’État en train de regarder une maquette, hochant la tête, puis plissant les yeux : Je vois… enfin… je crois.

Madame Accessibilité numérique lui tend une paire de lunettes expliquant :
Le design accessible, c’est comme des lunettes bien réglées : sans elles, on croit que tout est parfait… mais ce n’est pas toujours la réalité.

Définition

Madame Accessibilité numérique définit : Le design accessible, c’est concevoir des interfaces compréhensibles, utilisables et agréables pour toutes et tous, quelles que soient leurs capacités, leurs contextes ou leurs équipements.

Pourquoi c’est important ?

Madame Accessibilité numérique argumente : Une interface illisible ou incomprise, c’est une porte fermée. Résultat : exclusion, abandon et désengagement. À l’inverse, un design accessible réduit les erreurs, limite les demandes d’aide et améliore la confiance. C’est aussi moins de coûts de maintenance.

En quoi suis-je concerné ?

Madame Accessibilité numérique explique face à Monsieur Agent de l’État portant les lunettes : Designers, développeurs, intégrateurs, communicants : vous êtes toutes et tous architectes de l’expérience. Et si vous oubliez une partie du public… ce public sera exclu.

Bonnes pratiques

Un visuel avec les bonnes pratiques apparait à l’écran :

• Respecter les contrastes (AA ou AAA).
• Concevoir des boutons visibles et assez grands.
• Soigner la lisibilité et la hiérarchie typographique.
• Utiliser des libellés clairs et explicites.
• Penser au responsive et à la navigation clavier.
• Créer un kit UI conforme au design système de l’État.

Comment procéder ?

Madame Accessibilité numérique indique : Dès vos maquettes, vérifiez contrastes, tailles et lisibilité. Créez un kit UI accessible. Formez-vous, testez régulièrement sur mobile, au clavier et avec des lecteurs d’écran. Et inspirez-vous des bonnes pratiques inclusives.

Conclusion

Monsieur Agent de l’État content en train de regarder la maquette du projet avec les lunettes que Madame Accessibilité numérique lui a donné : Un design accessible, c’est comme une bonne paire de lunettes : tout devient clair, fluide et utilisable par toutes et tous.

Phrase de conclusion

Madame Accessibilité numérique avec un nuancier de couleur arrive pour regarder un tableau que son chat a réalisé : L’accessibilité, ce n’est pas un détail de design… c’est la clé de l’expérience.

Introduction

Cet épisode contiendra les personnages : Madame Accessibilité numérique et Monsieur Agent de l’État.

Monsieur Agent de l’État essaie de jouer à un Tetris où les pièces sont difformes. Rien ne s’aligne, il abandonne frustré.

Madame Accessibilité numérique apparait et explique : Du code sans structure, c’est comme un Tetris impossible à jouer : les briques ne s’imbriquent pas, et au final… tout bloque.

Définition

Madame Accessibilité numérique définit : Un code accessible, c’est un code structuré, lisible par les technologies d’assistance, navigable au clavier et conforme aux standards comme le RGAA. C’est la base pour que tout le monde puisse interagir avec un service numérique.

Pourquoi c’est important ?

Madame Accessibilité numérique développe : Un tiers des personnes vivent avec un handicap. Sans un code accessible, c’est l’exclusion directe : formulaires impossibles à remplir, boutons invisibles, navigation bloquée.
 Avec un bon code, tout le monde avance : fluidité, moins de demandes d’aide, conformité légale et maintenance plus simple.

En quoi suis-je concerné ?

Madame Accessibilité numérique indique à Monsieur Agent de l’État :
Développeuses et développeurs, vous avez la main sur la partie la plus décisive. Une balise bien placée, un champ bien relié à son label… et l’expérience change complètement pour l’usager.

Bonnes pratiques

Un visuel des bonnes pratiques apparait à l’écran :

• Utiliser des balises sémantiques HTML5 : <main>, <header>, <nav>, <footer>.
• Vérifier la navigation clavier (ordre logique, focus visible, éléments atteignables).
• Associer les champs à leurs labels (<label for="…">).
• Ajouter un titre de page et une langue par défaut.
• Respecter la hiérarchie des titres <h1> → <h6>.
• Tester avec des outils : Axe-core, validateur W3C.

Comment procéder ?

Madame Accessibilité numérique explique :
Commencez par un template HTML propre. Ajoutez les attributs essentiels. Testez au clavier seul, puis avec une synthèse vocale. Automatisez vos audits avec Axe-core, et relisez entre pairs ou avec un référent accessibilité.

Conclusion

Monsieur Agent de l’État arrive à jouer au Tetris avec des briques s’imbriquent parfaitement. Madame Accessibilité numérique conclut :
Le code accessible, c’est une partie bien jouée : tout s’aligne, tout avance, et personne n’est laissé de côté.

Phrase de conclusion

Madame Accessibilité numérique arrive avec une manette à la main en train de jouer avec son chat à un jeu vidéo : Ne jouez pas seul.e, codez pour toutes et tous.