This page hasn't been translated into English yet. You're reading the French original below.

I translate each page by hand, so it takes a while. Want it now?

Translate this page with Google Translate

Essayer, évoluer, recommencer

Si vous questionnez mon entourage à mon sujet, beaucoup vous diront qu'il est parfois difficile de me suivre. J'ai beaucoup d'idées, j'adore apprendre, et en tant qu'aînée de ma fratrie, j'ai rapidement intégré l'adage "on n'est jamais mieux servie que par soi-même". De ce fait, quand j'ai un projet à réaliser, je m'attelle souvent à le créer de A à Z. En toute logique, je suis la seule à récolter les fruits de mon travail, et la seule responsable de ses imperfections. Ça a été d'autant plus difficile à avaler quand j'ai testé mon propre travail pour la première fois.

L'écriture n'est pas un passe-temps que j'ai développé avec Vesper. En fait, j'ai commencé à écrire très jeune, puis j'ai doucement fait évoluer ma pratique vers une écriture plus académique à l'université, le copywriting grâce au design UX, pour enfin mettre à jour tout ça grâce au langage épicène. Ainsi, l'un de mes projets créatifs préférés est mon Murder Mystery Game¹ sur le thème de mon jeu favori, Stardew Valley². J'ai passé une après-midi en terrasse sur Canva, et j'ai fait mener l'enquête à mon partenaire le lendemain. J'avais ensuite dans l'idée d'y jouer en groupe et, pourquoi pas, de le proposer en ligne. C'est de loin ma création préférée. Autant dire que j'étais très peu réceptive aux critiques à son sujet.

Quand j'ai commencé à en apprendre plus sur l'accessibilité des PDF, il n'a pas refait immédiatement surface dans mon esprit. En fait, c'est jusqu'à ce que j'accède à Adobe InDesign³ pour la première fois que je l'avais mis dans un coin de ma tête. Et puis, comme la pratique est essentielle et que j'adore appuyer sur tous les boutons d'un nouveau logiciel, j'ai réfléchi à un de mes documents PDF qui serait potentiellement mal balisé et que je pourrais reproduire. J'ai ouvert la fenêtre d'importation, et il m'attendait là, sagement, dans un coin sombre de mes dossiers. Jusqu'à ce que je l'observe sous toutes les coutures, lampe de chirurgienne sur le front, pour le remettre à sa juste place : dans la lumière.

Apprendre

Il y a deux ans, lors de la création de ce jeu, j'étais très compétente sur Canva. Sans vouloir (trop) me vanter, j'ai été cette personne que tout le bureau appelle pour demander comment ajouter une boite de texte sur Canva. Tout naturellement, je me suis beaucoup tournée vers lui quand j'avais besoin d'un moyen rapide de créer ou de corriger. Et avec un peu de recul, je savais déjà qu'il allait échouer lamentablement aux tests, avant même de les lancer.

Pour avoir un aperçu général et savoir où (et comment) creuser ensuite, j'ai commencé par lancer, non pas un, mais deux scans automatisés : le premier en générant un rapport d'accessibilité sur Acrobat, et le second sur le site d'AxeCheck. Les résultats chiffrés ne sont pas vraiment comparables, observez plutôt.

Tableau de résultats AxeCheck : catégorie « Basic Requirements » avec des échecs sur ISO 32000-1 (91), Fonts (71), Content (8612) et Natural language (38471)
Sur l'image, la première partie des résultats du scan AxeCheck. Je vois que le document échoue à plusieurs endroits, en particulier dans son contenu, ou dans la naturalité du langage. Grâce à ces résultats, vous savez que vous n'êtes pas vraiment accessible, mais vous ne savez pas où.
Rapport d'accessibilité Acrobat, section Contenu de page : toutes les règles sont en opération réussie sauf « Contenu balisé » et « Ordre de tabulation », en échec
Sur l'image, une partie des résultats du rapport d'accessibilité d'Acrobat. Il est moins impressionnant visuellement, mais il présente en réalité des erreurs similaires de manière plus dissimulée : la mention « Echec de l'opération » à côté de la règle « Contenu balisé » n'a l'air de rien au premier abord, mais elle indique en réalité du contenu qui n'est pas accessible du tout. Et on ne sait toujours pas où…

Je n'ai donc, en réalité, pas appris grand-chose. Je savais que mon PDF ne passerait pas les tests, car je sais que le document source n'est lui-même pas accessible. Je sais que j'ai des erreurs, et ce qu'elles concernent. Mais si certaines sont assez simples à deviner (comme l'absence de texte alternatif sur les images, qui me demande de l'ajouter manuellement à chaque image), d'autres sont difficiles à corriger sans Acrobat (comme l'ordre de tabulation et de lecture), et d'autres demandent une vérification manuelle de chaque balise pour trouver les absentes. Pourtant, je suis surprise d'apprendre que mon document est en partie accessible, là où j'étais convaincue qu'une exportation Canva produirait automatiquement un PDF illisible. Mea culpa, ça m'aura au moins appris quelque chose.

Essayer

Le plus simple pour moi à ce stade, c'est de faire une confiance aveugle à Acrobat et rendre mon PDF accessible. Le logiciel dispose d'un balisage automatisé qui pourrait permettre de pallier l'absence de balises sans devoir tout vérifier manuellement pour le moment. Je sais aussi, grâce aux deux scans précédents, que les métadonnées de mon document sont vides. Il faut que je modifie l'ordre de lecture pour qu'il soit logique, ce qui a l'avantage de rendre la narration crédible dans un logiciel de Text-To-Speech, pas mal quand on est que deux pour jouer. Enfin, il faut que j'intègre moi-même chaque texte alternatif, ce qui n'est pas faisable depuis Canva. Cela ne devrait pas être trop difficile. Non ?

Résumé du rapport de balisage automatique d'Acrobat, listant 16 pages de fiabilité réduite et 55 illustrations sans texte de remplacement
Pour commencer, j'applique le balisage automatique. Ça commence mal : selon Acrobat, 16 pages sur les 30 pages du document demandent une vérification manuelle car le logiciel admet lui-même que c'est un peu illisible pour lui. Il m'indique également que la tâche d'écriture des textes alternatifs s'annonce longue.
Fenêtre Propriétés du document d'Acrobat, onglet Avancées : la conformité PDF/UA est réglée sur « Aucun(e) » et le champ Langue, en bas, est vide
Je m'attaque aux métadonnées, dans les propriétés du document. Je suis surprise de voir une suite de chiffres et de lettres dans la description, que j'efface avant de naviguer vers les propriétés avancées. Bingo ! La langue du document n'est pas souvent spécifiée avant l'exportation, ce qui provoque une mauvaise lecture des différentes technologies.
Fenêtre des options de lecture pour lecteurs d'écran d'Acrobat, avec l'option « Ordre de lecture balisé » sélectionnée parmi les choix disponibles
Je m'attaque à l'ordre de lecture. Je peux choisir entre un ordre de lecture défini par les balises, ou une lecture de gauche à droite, de haut en bas. Comme je veux faire les choses correctement, je choisis d'utiliser l'ordre de lecture balisé, puisqu'Acrobat m'a justement balisé le document avant.

Et là, je vais avouer que je vous ai menti. Je vous ai menti quand je vous ai dit que le plus simple serait de garder mon PDF original et de le rendre accessible. J'aurais pu m'arrêter là et vous montrer que le nouveau test est meilleur que l'ancien, me frotter les mains devant mon minuteur Pomodoro, et clôturer ici en vous souhaitant une bonne journée. Sauf que je n'ai pas parlé de l'étape des textes alternatifs pour rien.

Panneau d'accessibilité d'Acrobat, outil « Ajouter un texte de remplacement » : une fenêtre affiche « Image 4 sur 55 » avec un champ de texte alternatif vide, par-dessus une page entière du document reconnue comme une seule image
Car comme vous pouvez le voir ici, selon le logiciel, l'entièreté du contenu de ma page est une image. Ce qui indique que le contenu n'a pas pu être balisé, et n'est tout simplement pas lisible. Cette page en particulier est totalement muette dans un lecteur d'écran. En faisant défiler les 55 images à corriger, je peux voir exactement quels éléments sont, de facto, illisibles.

J'avoue, j'ai menti, et je vous ai induit en erreur en vous montrant que mon PDF était un peu accessible. J'ai aussi menti quand j'ai sous-entendu que c'était facile et rapide de corriger du un peu accessible. Par contre, mes scans, eux, ne vous ont pas menti. Les métadonnées étaient effectivement absentes, il manque des balises, il manque du texte alternatif. En réalité, chaque élément contenu dans un bloc (plus grossièrement, chaque élément que je n'ai pas écrit manuellement en cliquant sur "Ajouter un titre/texte") est visible comme une image. Il y a des pages auxquelles je peux accéder correctement, comme les interrogatoires qui contiennent beaucoup de texte et pour lesquels j'ai bien utilisé les champs de texte de titre et de corps. Celles-ci sont à peu près lisibles, si on omet le cadre en haut de la page qui résume l'identité du suspect qui, lui, est lu comme une image. D'autres pages sont totalement illisibles, comme les indices : j'ai proposé trois indices par page, chacun dans un bloc, et aucun d'entre eux n'aidera mes joueurs. Les petits bricolages que j'ai faits sur mes pages, comme un faux post-it avec une note manuscrite, sont tout aussi invisibles. Enfin, comble de l'ironie, j'ai placé le plot-twist final sur un bloc de fond… effaçant totalement le coupable du jeu. Si vous jouiez avec un lecteur d'écran, vous pourriez éventuellement déduire à qui appartiennent les témoignages (si vous êtes imbattable sur Stardew Valley), mais sinon, ce ne sera pas votre soirée la plus agitée.

Recommencer

Alors on fait quoi ? On abandonne l'idée de proposer un jeu de qualité à la communauté de joueuses et de joueurs Stardew Valley qui utilisent un lecteur d'écran, ou qui n'ont pas de personne pour narrer l'histoire ? On oublie l'idée de référencer le fichier correctement sur un moteur de recherche, et on abandonne l'idée de demander des indices supplémentaires à son assistant IA quand on coince ?

Je vous ai encore menti, en réalité je ne vais pas vraiment recommencer. J'ai déjà la base du jeu : j'ai l'idée, le fil est logique, l'enquête est intéressante, la fiche de prise de notes est chiffonnée et lancée au visage de la personne en face pendant la soirée, le plus dur a été fait. La mise en place technique d'un projet n'est pas forcément la plus difficile, et ici, mon accès aux fichiers originaux me permet de récupérer les images et icônes que j'ai utilisées (coup de bol, elles sont enregistrées dans mon application Canva !), et d'utiliser ce bon vieux copier/coller pour récupérer les suspicions des habitantes et habitants de Pelican Town. Le plus long, dans mon cas, est de prendre en main InDesign, et de comprendre les options d'accessibilité pour les utiliser correctement. Prise en compte pendant la création du projet, l'accessibilité n'est pas forcément chronophage à mettre en place, et dans mon cas, j'ai (malgré moi à l'époque) utilisé beaucoup de texte, ce qui est plus simple à copier/coller entre les logiciels.

J'ai donc usé et abusé de l'option cmd+C, cmd+V. Je peux lire l'entièreté du jeu dans l'historique de mon clipboard. Mais ce n'était pas le seul obstacle auquel je me suis confrontée, et ajoutés les uns aux autres, cela ne m'a pas facilité l'apprentissage d'InDesign. Les habitudes sont d'autant plus difficiles à prendre quand je maîtrise Canva depuis des années. Il est aussi difficile de se replonger dans un ancien projet sans en corriger les bases : accords, concordance des temps, rajouter des accents, changer la syntaxe, creuser encore un peu plus loin. Au final, je peux comparer sereinement les versions :

Même tableau AxeCheck après corrections : ISO 32000-1, Fonts et Natural language passent au vert, seul Content garde encore 61 échecs
Sur AxeCheck, le résultat est sans appel. Je ne peux pas demander au scan de me pointer les erreurs, je ne sais donc pas d'où viennent les erreurs de contenu restantes. Je fais donc un autre scan, sur Acrobat cette fois.
Même rapport Acrobat après corrections : toutes les règles, y compris « Contenu balisé » et « Ordre de tabulation », passent en opération réussie
Sur Acrobat, après une vérification manuelle de l'ordre de lecture que j'ai arrangé au fur et à mesure avec l'ajout d'articles sur InDesign, le rapport est bien plus positif.

Pour être transparente, le résultat n'est pas parfait. Comme énoncé plusieurs fois déjà, les scans automatisés ne sont pas très précis, et ils ne font pas non plus dans la nuance. Des choix que j'ai faits, comme celui de garder la police d'écriture du jeu d'origine pour les titres, m'empêchent d'utiliser des accents (un choix sur lequel j'ai déjà reculé, car le jeu d'origine était entièrement écrit dans cette typo, et n'en contenait donc aucun). L'utilisation de la carte du village, présente originalement dans le jeu, ne me permet pas de modifier les couleurs pour en adapter le contraste sans en dénaturer la référence. Il en est de même pour les éléments que j'ai réutilisés, comme les images des personnages, ou les éléments d'UI que j'ai récupérés pour donner des indications. Enfin, même si j'ai ajouté manuellement chaque élément du jeu dans des articles triés et catégorisés (définissant manuellement l'ordre de lecture, élément par élément), ils n'apparaissent pas sous forme de signets, et ce n'est pas utilisé pour scanner l'ordre de lecture dans Acrobat. Cette étape, qui m'a pris quelques secondes à chaque page, prend une autre tournure sur un document qui en contient 35. Pourtant, aucune de ces manipulations ne se reflète dans le scan final, qui signale un ordre de lecture anarchique qui n'existe pas. Tous ces éléments ne sont pas vérifiables sans un test manuel qui, à lui seul, demande du temps et de la rigueur. À ne pas enchaîner, donc, après dix heures d'édition de PDF.

Ce qui reste à apprendre

Je termine cet article satisfaite, mais beaucoup reste à faire. La création est un cycle infini : apprendre, essayer, recommencer. En recommençant, j'ai appris, et j'ai encore essayé. Mon crédo, c'est l'accessibilité, et j'ai conscience que le langage en lui-même est une barrière. Si je peux faire en sorte de traduire son écrit en oral et son rythme en balises, recommencer, c'est aussi parfois vouloir aller encore plus loin. Alors maintenant, j'ai bien envie de recommencer. En anglais, cette fois.

Si vous aussi, vous faites face à un PDF inaccessible, et que vous préférez déléguer ce cycle, vous pouvez me contacter via la rubrique Contact. Si vous souhaitez commander le jeu, vous pouvez le trouver sur ma page Etsy.

Resources

  • Acrobat : Lecteur PDF de la suite Adobe, utilisé pour les scans et le balisage automatique
  • InDesign : Logiciel de la suite Adobe utilisé pour créer et exporter correctement les PDF
  • AxeCheck : Scan gratuit d'accessibilité PDF
Questions or comments? Get in touch.