Bouton principal

En tant qu’élément de navigation, le bouton doit communiquer avec précision l'action attendue ou sa destination.

• Le bouton primaire sert à identifier l'action principale à accomplir.
• Dans la plupart des situations, on n’utilise qu’un seul bouton primaire par page.

• Comme son nom l'indique, le bouton secondaire sert à identifier une action de moindre importance que celle du bouton primaire.
• On peut utiliser plus d'un bouton secondaire par page.
• Il peut être utilisé seul ou accompagner un bouton primaire.

• Le bouton fléché ne contient pas de texte.
• Il permet d'éviter un appel à l'action générique (exemple : Voir plus) ou des appels à l’action identiques, placés côte à côte.
• Il est surtout utilisé dans la tuile.

Le bouton fléché a deux identités visuelles : primaire et secondaire.

• Il est possible d'utiliser un lien ouvrant un nouvel onglet uniquement avec un bouton primaire ou secondaire, jamais avec un bouton fléché.
• Ce lien est toujours représenté par l'icône de nouvel onglet (encadré et flèche).
• Cette icône ne doit jamais être juxtaposée à une autre icône.
• Puisque l'ouverture d'un nouvel onglet est déroutante pour l'utilisateur, on y a donc recours seulement si cela est nécessaire et on se limite aux cas identifiés dans la section qui suit.

* L'extension et le poids du fichier doivent toujours être indiqués entre crochets, par exemple [PDF XXX ko]

Seul un bouton primaire ou secondaire requiert l'utilisation d'un libellé pour communiquer précisément à l'utilisateur l'action attendue ou la destination.

Lors de la rédaction, il faut s'assurer que le libellé du bouton soit concis, significatif et orienté vers l'action. On s'abstient donc d'utiliser des formules génériques telles que « En savoir plus ».

Les articles, les déterminants, les pronoms, les adjectifs et les adverbes sont à éviter ou à doser avec parcimonie, sauf si leur utilisation apporte une valeur communicationnelle évidente.

Voir des exemples de libellés pour le bouton.