CodyHouse Framework + Components are featured on Product Hunt! Join the discussion →

All Projects

Skip Link

Accessibility feature that allows users to jump to the main content of the page.

Copy: View demo

Dependencies

All components are built upon the CodyHouse Framework.

How to

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

Get in touch: suggest a component or report a bug.

💌 Join our newsletter

Be the first to know when we ship something cool!

Project duplicated.