Aller au contenu principal

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>.

Évaluer la page

L’information sur cette page vous a-t-elle été utile?
N’inscrivez pas de renseignements personnels. Notez que vous ne recevrez aucune réponse.