Link
Lien
Une connexion nommée vers une autre destination qui conserve le comportement de navigation standard du navigateur.
Avec vos mots
Ce que les gens décrivent
Alias documentés : hyperlien, lien texte, lien de navigation
- aller à la page de facturation
- cliquer sur ce texte pour ouvrir un autre article
- une destination que je peux ouvrir dans un nouvel onglet
- naviguer vers les réglages du projet
- un texte avec une vraie adresse Web
- me ramener au tableau de bord
Essayer
Déclencher ou naviguer
Comparer les trois comportements
Scénario comparatif partagé :
Ce contexte reste fixe. Changez de concept pour observer la mission, le cas limite et le spécimen propres à chaque comportement.
Lien
Link navigue et possède un href ; Button exécute une action, tandis qu'Icon button reste une action même représentée uniquement par une icône.
Votre mission
Ouvrir Facturation avec Entrée, revenir, puis utiliser le menu contextuel sur le lien d'état externe.
Cas limite à vérifier
La destination externe est identifiée dans le texte accessible lorsque son ouverture ou son contexte pourrait surprendre.
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éParties du spécimen
Sélectionnez un repère directement sur le spécimen, ou utilisez la liste ci-dessous, pour afficher son rôle. Masquez les repères pour manipuler librement le labo.
Contrôle
L'élément interactif qui reçoit la saisie et expose son état.
À utiliser quand
- Atteindre une autre page ou route
- Ouvrir un téléchargement ou site externe avec un libellé honnête
À éviter quand
- Exécuter une modification sur place
- Utiliser un clic sans destination réelle
Comparer les concepts proches
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.
BoutonIcon button exécute une action comme Button mais sans texte visible ; Link exige toujours une vraie destination de navigation.
Bouton icôneBuild pack
Transformer ce concept en prompt utile
Choisissez la tâche et la destination. Les noms techniques restent en anglais.
Détails techniques
Comportements
Naviguer vers une destination
L'activation change l'URL ou atteint une destination nommée tout en conservant le comportement standard d'un lien.
Exécuter une action
L'activation au pointeur, avec Entrée ou Espace, exécute une action nommée une seule fois.
États
Résumé du compte
Résumé du compte
Détails de facturation
Détails de facturation
Transitions d’état
Résumé du compte → Détails de facturation
Entrée, le pointeur ou le toucher suit le lien d’ancrage Facturation vers la section de détails réelle.
Détails de facturation → Résumé du compte
Le lien d’ancrage Retour au résumé ramène au résumé du compte par une navigation réelle.
Scénarios de test
- Contexte
- Un résumé de compte renvoie vers sa section Détails de facturation et une page externe d’état du service.
- Mission
- Ouvrir Facturation avec Entrée, revenir, puis utiliser le menu contextuel sur le lien d'état externe.
- État principal
- 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.
Accessibilité
- Role
- native link
- Nom accessible
- Le contrôle principal ou la région nommée possède un nom accessible stable issu d’un texte visible ou d’un libellé programmatique explicite ; le placeholder et l’infobulle ne servent pas de nom.
- Focus
- Chaque lien possède un focus visible et sa cible ne chevauche pas les liens voisins.
- Fermeture
- Sans objet : la navigation est gérée par l'historique du navigateur, pas par la fermeture du lien.
- Scroll
- La navigation vers une route ou un fragment fait défiler vers une destination pertinente de façon prévisible, et le focus est géré lorsque le contexte change.
- Annonce
- Le texte nomme la destination, et les états actuel, externe, téléchargement ou changement de langue sont exposés si pertinents.
- Clavier
- Tab focalise le lien
- Entrée suit la destination
- Les touches modificatrices conservent l'ouverture native d'un onglet
Bindings
a[href]
- implementationKind
- native
- nativeElement
- a[href]
- ariaPattern
- link
- radixPrimitive
- Non applicable
- shadcnRecipe
- Non applicable
- runtimeDependency
- Non applicable
- packageName
- Non applicable
- exportName
- Non applicable
- exactVersion
- Non applicable
- status
- verified
- verifiedAt
- 2026-07-16
- deprecationStatus
- active
- replacement
- Non applicable
- validFrom
- Non applicable
- validUntil
- Non applicable
Limite d’équivalence : A link changes location and preserves browser features such as open in new tab, copy address, and visited state.
Vérifier la source du binding
Sources
- WHATWG HTML: The a element
WHATWG · standard · 2026-07-16
Affirmation couverte : Link: native hyperlink navigation, destination, browser affordances, and activation semantics.
- WCAG 2.2: Focus Appearance
W3C WAI · standard · 2026-07-16
Affirmation couverte : Link: WCAG focus appearance requirements used to qualify visible keyboard focus.
Vérifié le 2026-07-16 · rev. 1
- Responsable
- SkillCodex Editorial
- Statut
- review
- Relecture
- Independent editorial review pending
- Prochaine revue
- 2026-10-16
- Publication
- Non publiée
- Historique
- Brouillon initial sourcé du MVP, en attente de relecture indépendante.