@dictu/skip-link v1.0.0-alpha.0
Verborgen mogelijkheid om snel naar een ander deel van de pagina te navigeren zonder gebruik te maken van een muis of touchscreen.
Gebruik deze component
Je kunt de CSS zo in je project installeren:
npm install --save-dev @dictu/skip-linkJe kunt de CSS uit node_modules/ importeren:
<link rel="stylesheet" href="node_modules/@dictu/skip-link/dist/index.css" />Als je CSS imports gebruikt vanuit JavaScript:
import "@dictu/skip-link/index.css";Richtlijnen
Skip links zijn belangrijk om te gebruiken op de meeste websites omdat voor sommige gebruikers het hierdoor niet onnodig veel tijd kost om je website te gebruiken. Met een skip link ga je naar een andere plek op dezelfde pagina, zodat je bijvoorbeeld gelijk een artikel kan lezen en links daarin kunt aanklikken, zonder tijd te besteden aan de hoofdnavigatie.
Gebruik skip link
Gebruik voor een skip link de class name dictu-skip-link op een anchor element. Voeg de class name dictu-skip-link--visible-on-focus toe wanneer de skip link alleen zichtbaar moet zijn wanneer het element focus heeft.
Links
Relevante WCAG regels
8 months ago