> For the complete documentation index, see [llms.txt](https://ds5.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ds5.gitbook.io/documentation/components/link.md).

# Link

{% hint style="info" icon="figma" %}
Nom du composant : **textLink**
{% endhint %}

***

{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=6931-5588&page-id=6814:496&scaling=scale-down-width&starting-point-node-id=6931:5588&t=EMs6kU9A6HEOBi7a-1&viewport=544,440,1.12>" %}

***

### Principes

#### Intitulé explicite

Le libellé du lien doit être suffisamment clair pour comprendre la destination ou l'action, même s'il est lu hors contexte.

#### Contraste et Accessibilité

La couleur du lien doit garantir un niveau de contraste suffisant par rapport au fond. Les états au survol (hover) ou au focus doivent offrir un changement visuel subtil mais perceptible pour confirmer l'interactivité.

#### Cohérence d'usage

Le lien textuel est privilégié pour la navigation secondaire ou au sein d'un paragraphe. Pour les actions principales de conversion (achat, validation), l'utilisation d'un bouton est requise afin de respecter la hiérarchie visuelle.

***

### Usage

Le text link est un bouton spécial qui n'est qu'un texte medium inline souligné. C'est le tout dernier niveau de CTA. Il est utilisé dans des interfaces denses en informations, ou lorsqu'un CTA ne doit pas ressortir.

***

### Composant lié

{% content-ref url="/pages/X5jVI1da8wv0fY4tcExg" %}
[Bouton](/documentation/components/button.md)
{% endcontent-ref %}

{% content-ref url="/pages/QhS5kK3rPE5esssXNVCH" %}
[Récapitulatif Produit](/documentation/components/aide-au-choix.md)
{% endcontent-ref %}