--- boost: 0 sitemap: noindex: true title: Code des Liens d'évitement shortTitle: Code des Liens d'évitement description: Mise à disposition des extraits de code, de l’API et de la documentation technique du composant Liens d'évitement. shortDescription: Accéder rapidement au contenu avec le clavier. keywords: lien d’évitement, skiplink, accessibilité, navigation clavier, lecteur d’écran, UX, interface, design system, contenu, header, composant cover: ../_asset/cover/cover.png excerpt: Le lien d’évitement est un composant essentiel à l’accessibilité. Il permet aux usagers de naviguer directement vers les zones clés d’une page, sans passer par tous les éléments précédents. summary: Ce document présente le composant Lien d’évitement, un outil fondamental pour l’accessibilité numérique. Il explique pourquoi son intégration est obligatoire, comment l’utiliser correctement en début de page, et avec quels types de liens. Il précise également les règles d’affichage, de contenu et de quantité, pour en garantir l’efficacité. Ce guide s’adresse aux développeurs et designers soucieux d’offrir une navigation fluide aux usagers naviguant au clavier ou via un lecteur d’écran. mesh: - component/link --- ## Liens d'évitement Les liens d’évitement sont un système de navigation secondaire permettant à l’usager naviguant au clavier, ou équipé d’un lecteur d'écran, d’accéder plus rapidement à des zones précises de la page. :::dsfr-doc-tab-navigation - [Présentation](../index.md) - [Démo](../demo/index.md) - [Design](../design/index.md) - Code - [Accessibilité](../accessibility/index.md) ::: ### HTML #### Structure du composant Le composant **Liens d'évitement** permet aux utilisateurs de naviguer rapidement vers les sections principales de la page. **Toujours placé en haut de la page**, sa structure est la suivante : - Le conteneur des liens d'évitement est un élément HTML `
` défini par la classe `fr-skiplinks`. - Les liens d'évitement sont entourés par un élément HTML `