Bouton
<gcds-button>
Autres noms : appel à l’action.
Un bouton est un objet interactif qui met l’accent sur une action.
-
GitHub -
Figma
Aperçu du composant de bouton
Structure du bouton
- Le conteneur donne au bouton son poids visuel.
- Le libellé indique l’action qui se produira en interagissant avec le bouton. Le texte est en minuscules, seule la lettre initiale est en majuscule.
Design et accessibilité des boutons
Assurez-vous que le bouton est repérable
- Limitez le nombre de boutons par page. N’employez des boutons que pour les actions les plus importantes.
- Placez-les de manière régulière et prévisible.
- Évitez de faire défiler, tabuler ou taper inutilement les gens en indiquant le plus tôt possible le parcours vers la prochaine action.
- Vérifiez la visibilité de la bordure du bouton par rapport à la surface où vous le placez.
Écrivez un libellé de bouton court, précis et descriptif
- Rendez l’action du bouton évidente avec un libellé court et précis. Commencez par un verbe seul ou suivi d'un nom, par exemple « Soumettre » ou « Obtenir une estimation ».
- Utilisez la majuscule initiale.
- Rédigez un texte d’accompagnement unique et précis afin d'éviter la répétition pour les lecteurs d’écran.
- Utilisez des formulations littérales. Évitez les expressions que des locuteurs et locutrices non francophones pourraient mal comprendre.
Aidez-nous à nous améliorer
Vous avez des questions ou des demandes? Faites-nous part de vos commentaires à l'aide de notre formulaire de contact.
Quelque chose ne va pas? Signalez-le sur GitHub en créant un