Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Wat is een Skip-Link en wat is het doel ervan?
Een sprungkoppeling — Engels 'Skip-Link' — is meestal de allereerste koppeling van een pagina en voert direct naar de hoofdinhoud. Hij bespaart toetsenbordgebruikers zich op elke paginaoproep door het complete menu te tabuleren: bij een navigatie met veel inschrijvingen zijn dat tientallen toetsaanslagen, voordat de werkelijke inhoud begint — op elke enkele subpagina opnieuw. Het WCAG-criterium 2.4.1 verlangt zo'n afkorting.
Hoe werkt een sprungkoppeling
De sprungkoppeling liggen als eerste focusbare element in de broncode en draagt een tekst als 'Naar inhoud sprong'. Voor muisgebruikers blijft het onzichtbaar; pas als de tabulatorttoets het bereikt, wordt het weergegeven. Een druk op Enter zet de focus achter kopgebied en menu direct aan het begin van de hoofdinhoud. Voorzegprogramma's profiteren dubbel: zij hoeven het altijd gelijke menu niet op elke pagina opnieuw voor te lezen. Een erkende alternatieve techniek zijn gebiedsmarkeringen in de broncode, in het bijzonder een aangeduide hoofdmarking — veel voorzegprogramma's springen gebieden rechtstreeks aan. De klassieke sprungkoppeling helpt bovendien ook ziende toetsenbordgebruikers zonder voorzegprogramma.
Zo test de controledienst de sprungkoppeling
De controledienst onderzoekt de eerste drie focusbare elementen van de pagina: draagt één daarvan een sprungkoppeling-tekst als 'naar inhoud', geldt het criterium als geslaagd — werkelijk bewijs. Ontbreekt de sprungkoppeling, maar is de hoofdinhoud in de broncode als hoofdgebied aangeduide, is de alternatieve techniek aannemelijk; het rapport noteert dat als handmatig testpunt, want of de gebiedsverdeling werkelijk draagt, beslist een mens. Ontbreken beide, geldt het criterium als geschonden. Zo onderscheidt het rapport schoon tussen aangetoonde afkorting, aannemelijk alternatief en werkelijk hiaat.
Beispiele
Kein Weg am Menü vorbei
<body>
<nav>… 40 Menüpunkte …</nav>
<div class="inhalt">…</div>
</body><body>
<a href="#inhalt" class="sprunglink">Zum Inhalt springen</a>
<nav aria-label="Hauptmenü">… 40 Menüpunkte …</nav>
<main id="inhalt">…</main>
</body>Der Sprunglink ist das erste fokussierbare Element und wird sichtbar, sobald er den Fokus hat. Die Landmarke main hilft zusätzlich.
- Druk op uw startpagina eenmaal op de Tab-toets — verschijnt een link 'Naar inhoud springen', dan is de sneltoets werkzaam.
- Vraag uw bureau om de Skip-Link als eerste focusbaar element in te bouwen en alleen weer te geven wanneer deze focus heeft.
- Laat de hoofdinhoud ook als hoofd-regio in de broncode markeren — schermleessoftware springt regio's rechtstreeks aan.
- Controleer of het sprong-doel klopt: na de sprong moet de volgende Tab-druk in de hoofdinhoud landen, niet opnieuw in het menu.