Skip to content
PTS-tillsyn17 pågående tillsynsärenden mot svensk e-handel
Granska
← Alla WCAG-kriterier
WCAG 2.4.1Nivå AOperable

Hoppa över block

Återkommande block (navigation) ska kunna kringgås med skip-link.

Vad kriteriet kräver

En mekanism finns för att hoppa över block av innehåll som upprepas på flera sidor — typiskt via en skip-link högst upp.

Hur Granska kontrollerar

Vi letar efter <a href="#main"> som första tab-stop, eller motsvarande skip-mekanism.

Vanliga felmönster

  • Ingen skip-link i header
  • Skip-link finns men har display: none istället för sr-only
  • Mål-elementet (main) saknas eller har inget id

Kodfix-exempel (WordPress)

Granska genererar liknande fixar anpassade per stack. Det här är ett representativt exempel.

functions.php
php
add_action('wp_body_open', function () {
  echo '<a href="#main" class="skip-link screen-reader-text">'
     . 'Hoppa till inneh\u00e5ll</a>';
});

Scanna er sajt mot WCAG 2.4.1

Granska kontrollerar 80+ WCAG-kriterier automatiskt och genererar stack-specifika kodfixar.

Skanna gratis ▸