Notes de pied de page et de fin accessibles en PDF

26 juin 2017 | Ted Page

Utilisation de JavaScript pour améliorer l’accessibilité

Les notes de pied de page et les notes de fin en PDF, qu’elles soient créées sous Microsoft Word ou sous Adobe InDesign, ne sont pas très accessibles prises telles qu’elles. Elles peuvent être rendues plus accessibles en créant des liens depuis chacune des références vers la note en question et inversement depuis la note vers la référence. Cependant, cette approche n’est pas idéale, comme nous allons le voir, pour de multiples raisons. Heureusement, il existe une manière plus efficace en utilisant un simple script JavaScript pour incorporer chaque note sous la forme d’un pop-up.

Définition du problème

Du point de vue de l’accessibilité, le principal problème avec les notes de pied de page est l’ordre de lecture (de même avec les notes de fin, mais nous allons nous concentrer sur les notes de pied de page, celles de fin seront abordées plus tard).

Le souci étant que les notes de pied de page peuvent être séparées des leurs références (par exemple un « 1 » en exposant) par plusieurs paragraphes de texte. L’hypothèse émise est, bien entendu, que le lecteur peut simplement jeter un coup d’œil en bas de la page pour passer de la référence à la note en pied de page puis revenir au texte.

Utilisateurs de lecteurs d’écran et d’agrandisseurs d’écran

Cependant, pour de nombreux utilisateurs de lecteurs d’écran, jeter un coup d’œil en bas de page et revenir au texte est impossible (c’est évident quand vous ne pouvez absolument pas voir la page). Cela peut également être difficile pour les utilisateurs d’agrandisseurs d’écran, car la distance séparant la référence de sa note peut être considérable. La position optimale des notes de pied de page en termes d’ordre de lecture pour ces usagers serait plutôt juste après la référence à cette note de pied de page, soit bien souvent au milieu d’un paragraphe.

Redistribution des documents

Inversement, si vous lisez sur un petit écran un document qui, par exemple, a été disposé sur plusieurs colonnes, afin d’éviter soit une taille de texte trop petite soit un défilement horizontal, vous allez sans doute vouloir redistribuer le PDF pour obtenir une seule colonne (Cmd / Ctrl + 4 active ou désactive la redistribution).

Par convention, pour ce qui est de l’ordre de lecture, les notes de pied de page dans les contenus redistribués doivent apparaitre immédiatement après le paragraphe ou le bloc de contenu où elles sont référencées. Heureusement, comme nous le verrons, il est possible de répondre simultanément à ces deux exigences d’ordre de lecture dans un PDF.

Choix de l’utilisateur final

Un deuxième problème se présente : les notes de pied de page ne faisant pas partie du texte principal, être obligé de les lire peut être une véritable distraction. Les auteurs (et les systèmes de lecture) devraient permettre aux lecteurs de choisir s’ils veulent lire les notes ou complètement les sauter.

Les problèmes liés à une simple approche avec des liens

Sous Microsoft Word et sous InDesign, il est possible de créer des liens depuis les références vers les notes et inversement. Cependant, il n’est pas exagéré de dire que ces liens fonctionnent mieux avec certains lecteurs d’écran que d’autres : pour certains, ces liens sont quasiment impossibles à utiliser. De plus, une fois que le lecteur d’écran atteint le bas de la page, toutes les notes situées dans le pied de page seront lues par le lecteur, que cela soit nécessaire ou non.

Références multiples vers une note de pied de page unique

Un troisième problème, qui ne peut être résolu qu’en utilisant la méthode du scriptage ci-dessous, est celui des références multiples vers une note unique. Dans l’approche simple avec des liens, les notes de pied de page doivent être dupliquées entièrement pour chacune de leurs références, ce qui peut provoquer un problème possiblement grave de répétition (le lien retour depuis une note de pied de page unique vers des références multiples est un problème insoluble, croyez-moi !).

La méthode du scriptage

Étape 1 : établissement de l’ordre de lecture de la redistribution

Tout d’abord, nous devons établir l’ordre de lecture pour les utilisateurs de la vue redistribuée. Pour ce faire, dans le panneau Ordre de lecture d’Acrobat, déplacez la note de pied de page afin qu’elle apparaisse après le paragraphe (ou tout autre bloc de contenu) dans lequel elle est référencée. Cela va permettre que la note apparaisse au bon emplacement dans l’ordre de lecture aussi bien dans la vue redistribuée que pour les technologies d’assistance qui ne lisent pas les balises des PDF.

Étape 2 : création d’un pop-up en JavaScript

Ensuite, nous devons créer la fenêtre pop-up. Pour ce faire :

  • Cliquez sur l’icône Lien pour activer l’outil liens (vous pouvez aussi sous Acrobat 11, sélectionnez Outils, Édition de contenus, Ajouter ou Modifier un lien ; ou sous Acrobat DC (Outils, Modifier le PDF, Liens), Ajouter ou modifier des liens, Ajouter/modifier des liens web ou documents)
  • Dessinez un cadre autour de la référence de la note
  • Dans la boîte de dialogue Création de lien qui apparait, sélectionnez Lien personnalisé
Capture d’écran : boîte de dialogue Créer un lien d’Acrobat
Schéma 1 : création d’un lien personnalisé
  • Cliquez sur le bouton Suivant
  • Dans la boîte de dialogue Propriétés du lien sélectionnez Actions
  • Dans la liste déroulante Sélectionner l’action, choisissez Exécuter un script JavaScript
  • Cliquez sur le bouton Ajouter
  • Dans la boîte de dialogue de l’Éditeur JavaScript collez ou saisissez le script suivant : app.alert({cMsg :"", cTitle :"", nIcon :"3"})
Capture d’écran : L’Éditeur JavaScript d’Acrobat contenant le code JavaScript exposé ci-dessus
Schéma 2 : Le script initial tel qu’il apparait dans la fenêtre de l’éditeur JavaScript d’Acrobat DC

Étape 3 : ajout du contenu

  • Le texte de la note de pied de page doit être placé entre les guillemets après cMsg
  • Une courte description, telle que « Note de pied de page 1 » ou « Note de fin 1 », doit être placée entre les guillemets qui suivent cTitle : ceci apparaitra dans la barre de titre du pop-up
  • Le nombre « 3 » entre guillemets après nIcon permet de créer une icône de type Information dans le pop-up (sauf sur Mac où une icône Acrobat sera affichée)
Capture d’écran : Éditeur JavaScript contenant le script ainsi que le contenu de la note de pied de page
Schéma 3 : Un script complété dans la fenêtre de l’éditeur JavaScript d’Acrobat DC

Étape 4 : création des balises de lien Link et Link-OBJR

Lorsque vous utilisez la méthode du lien personnalisé, une balise <Link> et une balise Link-OBJR doivent être ajoutées manuellement pour chaque lien. Pour ce faire :

Création d’une balise de lien

  • Dans l’arborescence, cliquez droit sur la balise contenant la référence à la note et sélectionnez Nouvelle Balise
  • Dans le champ Type de la boîte de dialogue Nouvelle Balise, entrez « Link » ou sélectionnez Link dans la liste déroulante
  • Emboîtez la balise contenant le texte de la note et celle contenant la référence dans (en tant qu’enfant de) la balise <Link> nouvellement créée
  • Création d’une balise Link-OBJR
  • Sélectionnez à nouveau la balise <Link>, cliquez droit et sélectionnez Rechercher
  • Dans la liste déroulante Rechercher sélectionnez Liens non marqués
  • Cliquez sur le bouton Rechercher
  • Si le bon lien est mis en surbrillance dans le document, cliquez sur Balisez l’élément. Une fenêtre Recherche terminée apparaît alors en pop-up
  • La balise Link–OBJR est alors créée et le lien est maintenant accessible pour les lecteurs d’écran

Pour en savoir plus sur ce point, consultez notre article Création de liens accessibles en PDF.

Étape 5 : ajout de texte alternatif

Pour finir, ajoutez le texte alternatif, par exemple « Note de pied de page 1 », à la balise <Link> (cliquez droit sur la balise <Link>, Propriétés, Texte alternatif)

Capture d’écran : fenêtre pop-up contenant un texte de note de pied de page
Schéma 4 : Pop-up d’Acrobat DC contenant la note de pied de page

Résultat

Les lecteurs voyants utiliseront normalement la note de la manière habituelle, bien qu’ils puissent, bien entendu, aussi choisir d’activer les pop-up.
Ceux qui font le choix de redistribuer le document ou ceux qui utilisent une technologie d’assistance qui ne récupère pas l’ordre de lecture du balisage d’un PDF retrouveront chaque note située immédiatement en dessous du paragraphe ou du bloc de contenu qui la référence.

Lorsqu’il rencontrera un lien de note de pied de page, l’utilisateur d’un lecteur d’écran entendra quelque chose comme : « Note de pied de page 1, lien ». Le lecteur peut alors choisir d’ignorer la note ou de presser entrer pour afficher le pop-up et en entendre le contenu, suivit d’un message indiquant de presser espace pour fermer le pop-up. Ceci vous ramène directement à la référence, prêt à poursuivre votre lecture là où vous l’aviez laissée.

De la même manière, les utilisateurs d’agrandisseurs d’écran peuvent cliquer sur la référence pour afficher le pop-up et ainsi éviter d’avoir besoin de naviguer jusqu’au bas de la page puis revenir.

Notes de fin

Les pop-up pour les notes de fin peuvent être créés de la même manière que les notes de pied de page, si ce n’est que pour le troisième point de la liste à l’étape 4 ci-dessus, seule la référence doit être emboitée dans la balise <Link>.

En effet, les notes de fin n’ont pas besoin d’être cachées comme les notes de pied de page : étant localisées à la fin du document ou à la fin de chaque chapitre, le lecteur n’a que peu de mal à les sauter lorsque c’est nécessaire.

Conclusion

Cette solution, plus que toute autre, rend beaucoup plus accessibles les notes de pied de page et de fin. Elle permet de résoudre le problème de l’ordre de lecture, rend la lecture des notes entièrement optionnelle et est, de loin, la méthode la plus efficace pour référencer une même note à partir de plusieurs points du document.