Notes de bas de page

• Références aux notes de bas de page sur une même page
• Références aux notes de bas de page sur une autre page
• Multiples références à la même note de bas de page

---

• Une note en bas de page peut contenir une référence (s'il s'agit d'une citation) ou un commentaire. On y retrouve des renseignements supplémentaires au sujet de quelque chose qui est affiché sur la page. L'information est connexe, mais de moindre importance, donc n'a pas besoin d'être affichée dans le texte principal.
• Les notes de bas de page peuvent être placées au bas de la page, sous un tableau ou sur une page séparée.
• Il est préférable de ne pas utiliser l'astérisque (*) pour indiquer une note de bas de page. Le lecteur d'écran JAWS l'interprétera comme une « étoile », et cela pourrait confondre l'utilisateur qui ne verrait pas qu'il s'agit d'un appel de note. Il est toutefois acceptable d'utiliser l'astérisque si vous n'avez qu'une seule note de bas de page et que vous utilisez le code approprié, soit <sup><span class="cn-invisible">Note de bas de page </span>*</a></sup>.
  
  Il est préférable d'utiliser des chiffres (p. ex., <sup id="fnb1-ref"><a class="footnote-link" href="#fnb1"><span class="cn-invisible">Note de bas de page </span>1</a></sup>) pour que le lecteur d'écran lise « Note de bas de page 1 ».
• S'il y a des notes de bas de page à la fois dans le texte et dans les tableaux sur une même page, pour éviter la confusion, utilisez des chiffres dans les notes de bas de page pour le texte et des lettres pour les notes de bas de page des tableaux. Assurez-vous d'intégrer le code supplémentaire requis pour que le lecteur d'écran lise le code comme « Note de bas de page a », « Note de bas de page b », etc.
  (p. ex., <sup id="fnbA-ref"><a class="footnote-link" href="#fnbA"><span class="cn-invisible">Note de bas de page </span>a</a></sup>)

---

Références aux notes de bas de page sur une même page

Gadget de la BOEW

Un gadget de la BOEW existe pour les notes de bas de page.

• Utilisez le gadget de la BOEW pour les notes de bas de page, qui relie la note en bas de page à l'appel de note dans le texte et ajoute une ligne grise au-dessus et en dessous de la note de bas de page (voir l'exemple ci-dessous).
• Si vous utilisez le gadget de la BOEW, utilisez le code de liste de définitions (balise <dl>).

Gadget distinct de la BOEW

Voici comment coder les notes de bas de page lorsque vous utilisez un gadget distinct de la BOEW.

• Si vous n'utilisez pas le gadget de la BOEW, utilisez la balise <p class="footnote">, qui réduira la taille du texte à 85 %. Ajoutez aussi un trait horizontal (balise <hr>) au-dessus des notes de bas de page pour créer un séparateur visuel (voir l'exemple pour les gadgets distincts de la BOEW).

haut de la page

Références aux notes de bas de page sur une autre page

• Si votre document contient plusieurs notes de bas de page, vous pouvez regrouper toutes les notes et les références sur une autre page (voir l'exemple d'une page contenant seulement des notes de bas de page).
• Si vous utilisez le gadget de la BOEW, ajoutez footnotes: {}, dans l'onglet « Gadgets de BOEW » sur les deux pages — c'est-à-dire la page sur laquelle se trouve le renvoi à la note de bas de page et la page qui contient les notes de bas de page.
• Vous n'avez pas besoin de coder les notes de bas de page situées sur une autre page avec la balise <p class="footnote">.
• Inscrivez le nom du document dans le champ de titre (Title) de l'autre page qui contient les notes de bas de page. Le champ de titre devrait se lire comme suit : « Notes de bas de page — Nom du document » (voir l'exemple).
• Indiquez le numéro de la page où est située la note de bas de page ainsi que le lien d'ancrage lorsque vous effectuez le codage de href= (p. ex., 00000.html#fnb1). (Voir l'exemple ci-dessous en rouge.)

haut de la page

Multiples références à la même note de bas de page

• Lorsqu'il y a plusieurs références à la même note de bas de page, ajoutez a, b, c, etc. à la fin du numéro id (p. ex., <sup id="fnb1a-ref">) dans le code (voir l'exemple ci-dessous). Ainsi, lorsque l'utilisateur cliquera sur le lien pour retourner au texte, il retournera au bon emplacement dans le texte.
• Codez la note de bas de page selon l'exemple fourni ci-dessous (p. ex., <a href="#fnb1-ref">).