Notes

Les notes apportent un complément d’information sans alourdir le texte. Par contre, elles ne sont pas indexées dans les moteurs de recherche externes.

Exemple


Quand l'utiliser

Les notes définissent des termes juridiques, scientifiques et techniques. Elles peuvent aussi être utilisées pour donner la source d’un renseignement. Elles ne doivent pas servir à expliquer les sigles ou les abréviations.

À faire


À ne pas faire


Comment l'utiliser

Expliquer les termes spécialisés par des mots simples est toujours l’option à privilégier. Le texte des notes doit être clair et concis et il ne doit pas reprendre des éléments du contenu principal. Une seule note peut être utilisée par terme.

Les notes peuvent se retrouver dans le contenu courant, des graphiques ou des tableaux.

Les notes dans le contenu courant conservent leurs ordres et leurs références se trouvent au bas de la page de contenu.

Pour les notes dans les graphiques et tableaux, elles doivent être traitées de façon indépendante. Ainsi, si une ou plusieurs notes se trouvent dans un tableau ou graphique, elles ne doivent pas poursuivre l’ordre des notes du contenu courant. Elles sont contextuelles au contenu du tableau/graphique et les références sont placées directement à la suite du tableau/graphique.

Si la même référence est mentionnée plusieurs fois dans la même page, chaque appel de note doit porter un chiffre unique. La référence, quant à elle, n’est pas dupliquée, mais chaque chiffre de référence devra se trouver au bout à gauche de la référence.

Exemple


Dans le format bureau, l’appel de note mène à la définition ou à la référence fournie au bas de la page. Lorsqu’on clique sur le chiffre, la page remonte à la position de l’appel de note.

Dans le format mobile, le comportement de la note reste le même, mais le visuel s'affiche sous forme de Feuille.

Consultez la fiche de la composante Feuille pour plus d’informations sur celle-ci.

Informations techniques

Terme à définir

Le terme à définir comporte un soulignement pointillé ainsi qu’un numéro. Le numéro correspond à l’ordre d’apparition des notes dans le contenu de la page.

CSS du numéro des notes
background-color: #dae6f0
color: #095797
font-size: 12px
font-weight: bold

CSS du terme défini
color: #095797
border-bottom: 1px dashed #095797

Lorsque la définition est placée sur une citation ou une source bibliographique, celle-ci est suivi d’un numéro mais n’est pas soulignée.

Exemple

Définition

Dans le format bureau, la définition du terme est placée en bas de la page et est précédée de son numéro de définition.

Exemple

CSS du numéro de la définition - 
par défaut

color: #095797
font-size: 14px
font-weight: bold
text-decoration: none

CSS du numéro de la définition - 
Au survol

color: #095797
font-size: 14px
font-weight: bold
text-decoration: underline

CSS de la définition
color: #095797
font-size: 14px

Dans le format mobile, la définition du terme apparaît sous la forme de la feuille.

Dernière mise à jour : 15 août 2022