Zoekformulier
Skiplinks toevoegen aan een website
Skiplinks hebben een anker (#) als waarde in het href
-attribuut die verwijst naar een ID verderop in de pagina.
Skiplinks horen het eerste element op een pagina te zijn. Zet ze dus bovenaan in de code en gebruik ze op iedere pagina waarop herhalende blokken staan.
In de code ziet dat er zo uit:
Als het onderdeel dat de focus moet krijgen geen bedieningselement is, geef dat element dan ook het tabindex
-attribuut met de waarde “-1
“. Zo kan het element ook de focus krijgen.
Om te zorgen dat de skiplink niet te veel impact heeft op het ontwerp van de website wordt het vaak verborgen en pas zichtbaar gemaakt als het de toetsenbordfocus krijgt.
Bijvoorbeeld met de CSS:
Zie ook
- WCAG: 2.4.1 Blokken omzeilen
- Categorie: Navigatie
- Medium: Website
- Functiegroep: Ontwikkelaar of tester
- Functiebeperking: Fysieke beperking
- Functiebeperking: Visuele beperking