Aller au contenu principal
RGAA Scanner

Générateur de Liens d'Évitement

Creez des liens d'evitement (skip links) pour permettre aux utilisateurs de naviguer directement vers les zones principales de votre page.

Cibles de navigation

Code genere

HTML
<nav class="skip-links" aria-label="Acces rapide">
  <a href="#main-content">Aller au contenu principal</a>
  <a href="#navigation">Aller a la navigation</a>
</nav>
CSS
.skip-links {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 100;
  width: 100%;
  background: #000;
  padding: 0.5rem 1rem;
  display: flex;
  gap: 1rem;
}

.skip-links:focus-within {
  position: relative;
  top: 0;
}

.skip-links a {
  color: #fff;
  text-decoration: underline;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

.skip-links a:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

Reference : critere RGAA 12.7 — Dans chaque page web, un lien d'evitement ou un lien d'acces rapide a la zone de contenu principal est-il present ?

Outils similaires

Structure

Validateur de Titres

Verifiez la hierarchie de vos titres HTML (h1-h6).

HTML / ARIA

Bouton vs Lien

Determinez quand utiliser un bouton ou un lien.