12% off of LTD using this coupon: TWELVEPERCENTOFF. Promo ends on 2 Dec midnight UTC.
Published on Jun 21, 2020

How to Add Skip Links in Oxygen

David Browne

Skip links provide keyboard users a way to more easily navigate to parts of the page without having to tab through every single link.

The idea is to include some hidden hashlinks at the very top of the site, which will become visible only once the user presses the tab key after first landing on the site. It's especially useful for sites with large menu structures that can take a while to navigate through with a keyboard.

Creating the List of Links

In it's simplest form, we'd have the links the same on each page of the site. One for the main navigation or header, one for the main content on the page and one for the footer.

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $599 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-down