Groupe de concepts
Déclencher ou naviguer
Comparer une action nommée, une navigation vers une destination et une action compacte représentée par une icône.
Essaie les 3 concepts, compare ce qui change, puis utilise le Pack adapté à ton besoin.
Essayer les composantsDéclencher ou naviguer
Essayer
Le contrôle déclenche-t-il une action, change-t-il de destination ou doit-il rester iconique ?
Bouton
Contexte commun aux essais
Bouton
Mission
Bouton d'action - Button
Activer Enregistrer avec Espace, vérifier que l'attente bloque une seconde requête et corriger une erreur serveur.
Objet : Compte rendu hebdomadaire
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Le bouton d'envoi actif possède un libellé clair, un focus visible et un contraste de texte suffisant.
- Cas limite
- Pendant l'envoi, le bouton garde sa largeur, expose Enregistrement et bloque les doubles activations sans retirer le focus.
Lien
Mission
Lien de navigation - Link
Ouvrir Facturation avec Entrée, revenir, puis utiliser le menu contextuel sur le lien d'état externe.
Le service inclut trois espaces partagés.
FacturationDétails de facturation
Cette section est une destination de navigation réelle.
Retour au résuméÉtape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Chaque lien descriptif possède une vraie destination et un focus distinct du texte voisin.
- Cas limite
- La destination externe est identifiée dans le texte accessible lorsque son ouverture ou son contexte pourrait surprendre.
Ce que cet essai montre
Button exécute une action ; Link navigue vers une destination, tandis qu'Icon button est la variante compacte dont le libellé visible est remplacé par une icône.
Lequel convient à ton besoin ?
Bouton
Envoyer ou réinitialiser un formulaire
Lien
Atteindre une autre page ou route
Différence et sources
Button exécute une action ; Link navigue vers une destination, tandis qu'Icon button est la variante compacte dont le libellé visible est remplacé par une icône.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Contrôle
L'élément interactif qui reçoit la saisie et expose son état.
Les trois concepts
Les trois comparaisons
Signaux que tu les confonds
Ces descriptions correspondent à tous les concepts du groupe : aucune ne suffit à décider.
- un contrôle activable exécute une opération ou mène vers une destination
- l'espace disponible détermine si l'action utilise du texte ou seulement un symbole