Skip to main content

Important information

The contents of this webpage are in French only.

Tuiles

Cette page présente l’aspect visuel des tuiles de navigation.

Description

Les composants de tuiles sont utilisés lorsqu’il est nécessaire de mettre l’accent sur un élément de navigation. C’est un appel à l’action. Les tuiles sont habituellement constituées d’un libellé accompagné d’une icône ou d’une flèche.


Service principal

Surtout utilisé sur l’accueil et dans les pages d’aiguillage de niveau 2, ce modèle de tuile est affiché préférablement sur un fond de couleur autre que blanc.

Voir un exemple du contexte d’utilisation


Événement de vie

Ce modèle de tuile est utilisé dans le carrousel des événements de vie de la zone « Le saviez-vous? », situé au bas de la page d’accueil du site de la RAMQ.

Voir un exemple du contexte d’utilisation


Service en ligne et lien en vedette

Ce type de tuile est conçu pour mettre en évidence un service en ligne, ou un lien d’importance, par exemple vers un formulaire externe. Afin de symboliser le service en ligne, l’icône du téléphone et de la main est utilisée, tandis que la flèche renforce l’appel à l’action.

Voir un exemple du contexte d’utilisation


Téléchargement de fichier

La tuile de téléchargement de fichier est utilisée dans la bibliothèque média. Le nom du fichier, son poids, ainsi qu’une icône de téléchargement sont les éléments qui s’y trouvent.

Voir un exemple du contexte d’utilisation

Téléchargement (.xlsx)
17.95 Ko

Que voulez-vous faire?

Utilisé principalement dans la page Nous joindre, ce composant met en évidence, à l’aide d’une icône et d’un libellé, les actions disponibles pour l’usager.

Voir un exemple du contexte d’utilisation


Accessibilité

Les icônes présentes sur les tuiles sont toujours décoratives et doivent donc être ignorées (placées en CSS).

Lorsqu’il y a plus d’une tuile qui se suivent, elles doivent se retrouver dans une liste non ordonnée <ul><li>.

How did we do?

Was the information on this page useful to you?
Do not include any personal information. You will not receive any reply.