Système de design GCDémarrerAperçu des modèles de pagePage de baseAperçu des composantsAlerteAvisBarre de navigation latéraleBarre de navigation supérieureBascule de langueBoutonBoutons radioCarteCases à cocherChamp de dateChamp de saisieChemin de navigationConteneurDate de modificationDétailsEn-têteGrilleIcôneIndicateur d'étapeJeu de champsLienMasquage accessibleMenu thématiqueMessage d'erreurPaginationPied de pageRechercheRésumé des erreursSélectionSignatureTableauTéléverseur de fichiersTexteTitreZone de texteAperçu des raccourcis CSSRéinitialisation des stylesMise en page réactiveÉtatDimensionnement de la boîteDimensionnement du conteneurAffichageDébordementPositionVisibilitéPoliceFamille de policeTaille de policeStyle de policeÉpaisseur de policeHauteur de ligneCouleur de lienTaille de lienDécoration de texte de lienStyle de listeAlignement de texteCouleur de texteDébordement de texteTransformation de texteSaut de motMargeMarge intérieureAlignement de contenuAlignement des élémentsAlignement individuelÉlément flexibleDirection de l’élément flexibleÉlargissement de l’élément flexibleRétrécissement de l’élément flexibleHabillage de l’élément flexibleDégagementColonnes de grilleLignes de grilleJustification de contenuJustification des élémentsJustification individuelleOrdreAgencement de contenuAgencement des élémentsAgencement individuelCouleur de l'arrière-planCouleur de la bordureRayon de la bordureStyle de la bordureLargeur de la bordureNoms des icônesTaille de l'icôneImageCurseurÉvénements de pointeurTransitionAperçu des stylesUnités de styleCouleurEspacementTypographieNous contacterS'impliquerTrouvez une démo
Lien <gcds-link>
Autres noms : ancre, lien hypertexte, appel à l'action.Un lien est un élément de navigation qui amène une personne à une nouvelle page, à un autre site Web, à un fichier ou à une nouvelle section de la page actuelle.
GitHub
Figma
Aperçu du composant de lien
Un lien est un élément de navigation qui amène une personne à un site Web ou ouvre un fichier source, comme un pdf.
Types de problèmes résolus par les liens
Utilisez des liens pour :
Permettre à une personne de passer facilement d’une page ou d’une section d’un site Web ou d’une application à une autre.
Diriger les gens vers des sites Web externes, en indiquant clairement que le lien mène à l’extérieur du site actuel.
Permettre à une personne de passer à un en-tête de section en utilisant des liens d’ancrage dans une table des matières ou un résumé de page. La personne peut donc accéder directement à des sections ou à du contenu spécifiques sans faire défiler la page.
Se connecter à des adresses courriel ou à des numéros de téléphone pour qu’une personne puisse amorcer la communication directement en sélectionnant le lien.
Lancer le téléchargement de fichiers, en donnant l’accès direct aux documents, médias ou tout autre contenu téléchargeable.
Sauter les éléments de navigation pour passer au contenu principal.
Composants connexes
Boutons lorsque vous cherchez à mettre l’accent sur une action.. Détails : lorsque vous cherchez à masquer ou afficher une section de contenu.
Choisissez le rôle du lien
Un rôle sert à définir le style principal du lien.
Rôle Default (par défaut)
Utilisez le roledefault pour :
La plupart des liens.
Les liens placés sur un fond clair.
Rôle Light (clair)
Utilisez le rolelight pour : Les liens qui doivent apparaître sur un fond sombre. Faites en sorte que le rapport de contraste entre le lien clair et l’arrière-plan sombre soit conforme aux normes WCAG (Web Content Accessibility Guidelines). 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 compte. Vous pourrez accéder aux réponses de l'équipe, suivre les progrès réalisés concernant votre problèmes et voir les problèmes signalés par d'autres personnes. Fournir des commentaires Signaler un problème sur GitHub 2026-02-12