Boutons
Des actions évidentes et bien hiérarchisées.
En pratique
- Hauteur minimale
- 24px
- Rayon
- 10px
- Espacement intérieur
- 12px / 22px
- Texte
- 16px · 600
Bonnes pratiques
Un bouton déclenche une action. Son libellé doit expliquer ce qui va se passer.
- Commencez les libellés par un verbe précis.
- Faites ressortir l’action principale dans son contexte.
- Conservez un indicateur de focus visible au clavier.
- Expliquez pourquoi une action est indisponible lorsque ce n’est pas évident.
- Utilisez un lien pour changer de page ou accéder à une ressource.
À retenir
La hiérarchie des actions doit découler des besoins de la tâche. Si tous les boutons sont mis en avant, aucun ne guide réellement la personne.