Naar de inhoud
EUID Keuringsdienst & keurmerk, Startpagina
Uw website laten keuren

Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung

Toegankelijkheid

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.

Voorbeelden

Geen weg voorbij het menu

Niet voldaan
<body>
  <nav>… 40 Menüpunkte …</nav>
  <div class="inhalt">…</div>
</body>
Vervuld
<body>
  <a href="#inhalt" class="sprunglink">Zum Inhalt springen</a>
  <nav aria-label="Hauptmenü">… 40 Menüpunkte …</nav>
  <main id="inhalt">…</main>
</body>

De spronglink is het eerste scherpstelbare element en wordt zichtbaar zodra het de focus heeft. De oriëntatiepunt hoofd helpt ook.

  • 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.

Deutsche Fassung dieser Seite

  • Keurmerk Digitale Barrierefreiheit
  • Keurmerk Daten & Recht
  • Keurmerk Technische Qualität
  • Keurmerk Digital Excellence
  • Keurmerk Cyberversicherung

Gekeurd. Voor een betere digitale toekomst.euid.com