Composant · Navigation · a11y

SkipLink

Documenté

Le SkipLink (lien d'évitement) permet aux utilisateurs clavier de sauter la navigation et d'atteindre directement le contenu principal. Il est hors écran jusqu'au focus clavier, puis apparaît en haut de page. À placer en tout premier élément focusable du document.

Aller au contenu principal Aller à la navigation

Voir le code (Svelte)

<SkipLink href="#main">Aller au contenu principal</SkipLink>
<SkipLink href="#nav">Aller à la navigation</SkipLink>

Démo

Appuie sur Tab en haut de cette page : le lien apparaît. Ici, rendu avec une cible personnalisée.

Aller au contenu principal

(Le lien est en position: fixed ; il ne s'affiche qu'au focus.)

API du composant

Prop	Type	Par défaut
`href`	`string`	`"#main-content"`
`children`	`Snippet`	"Aller au contenu principal"
`class`	`string`	optionnel