Accessibility feature that allows users to jump to the main content of the page.
All components are built upon the CodyHouse Framework.
The Skip Link component provides keyboard users and users with disabilities a way to skip blocks of content (e.g., navigation) and jump to the main content of the page.
⚠️Important: the Skip Link component should be at the top of the page.
The component becomes visible when in focus. To display it, press the Tab key (or swipe right if you've enabled the accessibility features of your phone).
Optionally, you can include multiple skip links (e.g., if you want to give your user the option to jump to different sections of the page).
<a href="#section-1" class="skip-link">Skip to section 1</a>
<a href="#section-2" class="skip-link">Skip to section 2</a>
Bug Report & Feedback
To report a bug or get notified if we update this component, visit the GitHub repository.
If you'd like to suggest new components, visit our components board.