1. Accueil  
  2. Design  
  3. Composants  
  4. Notes

Notes

Les notes apportent un complément d’information sans alourdir le texte. Chaque note est représentée dans le contenu par un numéro qui est relié à la description en bas de page.

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.

À noter qu’elles ne sont pas indexées dans les moteurs de recherche externes.

À 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 trouver 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 un 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. Consulter la fiche 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: #223654;
border-bottom: 1px dashed #095797;

Lorsque la définition est placée sur une citation ou une source bibliographique, celle-ci est suivie 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
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 : 20 février 2024

Évaluation de page

L’information sur cette page vous a-t-elle été utile?
Avis général

Des questions ou besoin de renseignements?

Communiquez avec Services Québec