---
title: Zo zet je Skiplinks in op je website
description: Leer hoe je skiplinks toevoegt aan je website voor betere digitale toegankelijkheid, WCAG 2.2 compliance en verbeterde SEO-prestaties.
image: https://www.gxsoftware.com/hubfs/Skipping%20stones.png
---
Ga naar hoofdinhoud
Open het navigatiemenu Sluit het navigatiemenu
- [Nederlands](https://www.gxsoftware.com/nl/blog/zo-zet-je-skiplinks-in-op-je-website)
- [English](https://www.gxsoftware.com/en/blog/this-is-how-you-make-a-skiplink-for-your-website)
# Zo zet je Skiplinks in op je website
 Maatje van Broeckhuysen
De noodzaak van **digitale toegankelijkheid** is inmiddels wel duidelijk. Bij het werken aan een toegankelijke webervaring springt één hulpmiddel eruit: de **skiplink**. Het is een van de belangrijkste én eenvoudigste aanpassingen voor een website. Maar wat is een skiplink precies, waarom is het essentieel en hoe gebruik je het op je website?
## Wat is een Skiplink?
Een skiplink is een verborgen navigatielink bovenaan een webpagina waarmee gebruikers repetitieve inhoud kunnen overslaan en direct naar de hoofdinhoud van de pagina kunnen navigeren. Skiplinks zijn vooral nuttig voor gebruikers die afhankelijk zijn van schermlezers of toetsenbordnavigatie, omdat ze zo niet op elke pagina opnieuw door het navigatiemenu hoeven te gaan.
## **Waarom moet je Skiplinks gebruiken?**
1. **Verbeter digitale toegankelijkheid:** Skiplinks bieden een soepelere en efficiëntere browse-ervaring voor mensen met een beperking. Websitebezoekers die niet met de muis kunnen navigeren — bijvoorbeeld door visuele of motorische beperkingen — gebruiken het toetsenbord. Met Tab en Shift + Tab kunnen ze naar het volgende of vorige interactieve element gaan. Skiplinks zorgen dat ze direct bij de hoofdinhoud komen.
2. **[WCAG 2.2 Richtlijnen](https://www.gxsoftware.com/nl/blog/wcag-2.2-wat-is-er-nieuw):** Het gebruik van skiplinks is opgenomen in de Web Content Accessibility Guidelines (WCAG) 2.2. Zo voldoe je aan internationale normen en maak je je website toegankelijker voor een breder publiek.
3. **SEO-voordelen:** Zoekmachines waarderen toegankelijke websites. Het implementeren van skiplinks verbetert de toegankelijkheid van je site en draagt bij aan betere SEO-prestaties.
## **Hoe implementeer je Skiplinks?**
Het toevoegen van een skiplink is eenvoudig, maar vereist precisie om fouten te voorkomen. Volg de onderstaande stappen:
**Stap 1: Voeg de Skiplink toe aan je HTML**
De eerste stap is het toevoegen van de skiplink aan je HTML code. Plaats deze bovenaan de body-inhoud van je webpagina, zo hoog mogelijk. Hier vind je een eenvoudig voorbeeld:
Naar hoofdinhoud
**Stap 2: Definieer het begin van de content**
Vervolgens definieer je het gedeelte van je pagina waar de hoofdinhoud begint. Hier zal de skiplink gebruikers heensturen. Voeg een ID toe aan deze container:
**Stap 3: Style de Skiplink**
Om ervoor te zorgen dat de skiplink alleen zichtbaar is wanneer dat nodig is (bijvoorbeeld wanneer een gebruiker met het toetsenbord navigeert), gebruik je CSS code. Hier is een voorbeeld van hoe je de styling van de skiplink kan instellen via CSS:
.skiplink {
position: absolute;
top: -9999px;
left: 0;
background: #000;
color: #fff;
padding: 8px;
z-index: 100;
}
.skiplink:focus {
top: 0;
}
De link wordt eerst buiten het scherm geplaatst. Wanneer een gebruiker erop tabt, verschijnt de skiplink zichtbaar.
**Step 4: Test de Skiplink**
Controleer of de skiplink correct werkt. Gebruik een toetsenbord om door je site te navigeren en test ook met schermlezers om te zien of de skiplink het beoogde effect heeft.
#### **Hulp nodig?**
Is het gelukt om een skiplink te implementeren? Zo niet, maak je geen zorgen. Bij GX helpen we je graag met toegankelijke en gebruiksvriendelijke webervaringen.
Hoe ver ben je trouwens met het toegankelijk maken van je digitale omgevingen? Laat ons een gratis Quickscan uitvoeren zodat je precies weet waar je staat.
[Vraag een gratis Quickscan aan in een gesprek met mijn collega Menno.](mailto:mennofaassen@gxsoftware.com)
## Deze blogs vind je misschien ook interessant
1. 
- Compliance
- Web & App Development
- UX / UI
### De Europese Toegankelijkheidswet 2025: Wat het betekent voor jouw bedrijf
*Eric van der Vlugt*
[Lees deze blog](https://www.gxsoftware.com/nl/blog/the-european-accessibility-act-2025)
2. 
- Compliance
### Kleine aanpassingen, groot effect: maak je site inclusiever
*Eric van der Vlugt*
[Lees deze blog](https://www.gxsoftware.com/nl/blog/kleine-aanpassingen-groot-effect-maak-je-site-inclusiever)
3. 
- Compliance
### WCAG 2.2: Wat is er nieuw?
*Eric van der Vlugt*
[Lees deze blog](https://www.gxsoftware.com/nl/blog/wcag-2.2-wat-is-er-nieuw)
4. 
- Web & App Development
### Nieuwe site? Zo manage je de stakeholders
*Nils ten Broeke*
[Lees deze blog](https://www.gxsoftware.com/nl/blog/nieuwe-site-zo-manage-je-de-stakeholders)
### **Make Digital** *Personal*
-
-
-
-
#### Blijf up to date en schrijf je in voor onze nieuwsbrief
- [Contact](https://www.gxsoftware.com/nl/contact)
- [Cookies](https://www.gxsoftware.com/nl/cookies)
- [Privacy Policy](https://www.gxsoftware.com/nl/privacy)
- [Algemene Voorwaarden](https://www.gxsoftware.com/nl/av)
©2025 GX Software