Les tuiles cliquables sont utilisées pour mettre l'accent sur certains éléments de navigation.

Utilisation

Les tuiles cliquables sont principalement utilisées dans le menu de droite et, parfois, dans le menu de gauche. Leur emplacement varie, mais elles ont toutes le même degré d'importance.

Pour avoir un plus grand impact visuel, les tuiles cliquables sont toujours accompagnées d'une icône décorative. Elles peuvent contenir une ou deux lignes de texte, selon le cas.

Utilisation dans le menu de droite

Elles sont généralement utilisées dans les pages d'aiguillage de certaines sous-sections du site Web afin d'en dynamiser la présentation. Chaque tuile du menu de droite mène à une page distincte.

Utilisation dans le menu de gauche

Il arrive que les tuiles cliquables prennent la forme d'un menu de gauche. Dans ce cas précis, elles ne doivent pas mener vers des pages distinctes, mais doivent plutôt agir comme des ancres qui permettent de naviguer dans la page.

États

Les tuiles cliquables ont trois états d'interaction distincts.

État actif

Il indique que l'utilisatrice ou l'utilisateur peut cliquer sur la tuile. C'est l'état que les utilisatrices et utilisateurs voient le plus souvent dans une page.

État au survol

Lorsque l'utilisatrice ou l'utilisateur survole la tuile avec le curseur, seuls le texte en bleu et le chevron changent de nuance. De plus, le pointeur se transforme en main pour indiquer qu'une action est possible.

État sélectionné

Il apparaît lorsque l'utilisatrice ou l'utilisateur clique sur une tuile du menu de gauche. Celle-ci change alors de couleur et passe à l'état sélectionné.

Les tuiles cliquables du menu de droite n'affichent pas cet état.

État au focus

Il ne s'affiche que lorsque l'utilisatrice ou l'utilisateur navigue au clavier. C'est un indicateur visuel qui permet à cette dernière ou à ce dernier de savoir où elle ou il se situe dans la page par rapport aux éléments interactifs.