Skip to Main Nav Link [Snippet] <> No-Code Supply Co.
Code
Snippet
/ 

Skip to Main Nav Link

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Skip to Main Nav Link
window.addEventListener("DOMContentLoaded", (event) => {
let skipLinkEle = document.getElementById("skip-link");
if (!skipLinkEle) {
return;
}
skipLinkEle.addEventListener("click keydown", function (e) {
if (e.type === "keydown" && e.which !== 13) {
return;
}
e.preventDefault();
var target = document.getElementById("main");
target.setAttribute("tabindex", "-1");
target.focus();
});
});
view raw skip-nav.js hosted with ❤ by GitHub

A function that can be used with a skip to main button in your navigation. The skip button should only be visible on focus and enables keyboard only users to jump past a lengthy nav of links directly to the main content.

Tags

Accessibility
Extending
Javascript
Custom Code

Creators

Corey Moen

Share this item

Twitter
Facebook
LinkedIn

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
6.14.23

Similar items

Items
52
Layout
Grid View
Row View
Also
Inspo
Website
/ 

Also

3.26.25
Transportation, Landing, Framer
Hurry Up & Have Fun
Inspo
Website
/ 

Hurry Up & Have Fun

3.24.25
Events, Agency, Portfolio, Webflow
Cleft Notes
Inspo
Website
/ 

Cleft Notes

3.22.25
AI, SAAS, Mobile Apps, Landing, Webflow
Typography in web design course
Learn
Course
/ 

Typography in web design course

€399
3.22.25
Creative, Text, Design System, Workflow
Modulify AI
Tools
App
/ 
Website

Modulify AI

3.22.25
No-code, AI, Creative, Website Builder, Wireframes, Components, Webflow, Relume
Webflow Expert Course
Learn
Course
/ 

Webflow Expert Course

3.22.25
Creative, No-code, Education, Components, Video, Webflow
Dreamr
Inspo
Website
/ 

Dreamr

3.22.25
Creative, Film, Photography, Agency, Portfolio, Webflow, GSAP
Website Headlines (dotcom)
Tools
Directory
/ 

Website Headlines (dotcom)

3.18.25
Creative, Content, Marketing, Gallery
Plumb
Tools
App
/ 
Website

Plumb

3.18.25
AI, Content, Workflow, Framer
Elevate Sphere
Inspo
Website
/ 

Elevate Sphere

3.17.25
Health & Wellness, Community, Marketing, Webflow, Mast
Rubus
Inspo
Website
/ 

Rubus

3.14.25
SAAS, Housing, Real Estate, Marketing, Webflow
brand.ai
Tools
App
/ 

brand.ai

3.14.25
AI, Creative, SAAS, Brand Guide, Design System, Workflow
Tiny Mighty Buttons
Tools
Component
/ 
Website

Tiny Mighty Buttons

3.14.25
Creative, Dev Tools, CSS, Extending, Components, Webflow
DeepFlow
Inspo
Website
/ 

DeepFlow

3.13.25
AI, SAAS, Landing, Scrollytelling, Webflow, GSAP, Diego Toda de Oliveira
Sections.wtf
Inspo
Website
/ 
Directory

Sections.wtf

3.13.25
Creative, Components, Gallery, Framer
Mast
Featured
Tools
Framework
/ 

Mast

3.13.23
No-code, Creative, Dev Tools, CSS, Workflow, Design System, Extending, Why Webflow, Webflow, HARA, Rotor, Gantry, No-Code Supply Co.
Birch
Inspo
Website
/ 

Birch

3.11.25
Creative, Agency, Portfolio, Webflow, Mast, GSAP
Whalesync
Partner
Tools
App
/ 

Whalesync

1.8.23
CMS, Database, Extending, Automation, Where Whalesync Really Wails, "100 SEO pages in 20 minutes with OpenAl + Webflow + Whalesync", Notion, Webflow, Airtable, Bubble
Praxis Leandra Isler
Inspo
Website
/ 

Praxis Leandra Isler

3.10.25
Health & Wellness, Personal, Portfolio, Webflow, GSAP
Ditto
Inspo
Website
/ 

Ditto

3.10.25
SAAS, Dev Tools, Data Management, Marketing, Webflow
Frontify
Inspo
Website
/ 
App

Frontify

3.10.25
Creative, Assets, App, Marketing, Webflow
Fleur MCP App Store
Tools
App
/ 

Fleur MCP App Store

3.10.25
AI, App, Gallery, Claude
Jetboost
Partner
Tools
App
/ 

Jetboost

12.3.19
No-code, CMS, Search, Assets, Extending, Jetboost List Update Function
Fathom Analytics
Partner
Tools
App
/ 

Fathom Analytics

12.1.22
Analytics
Fondu
Inspo
Website
/ 

Fondu

3.6.25
Creative, Film, Agency, Portfolio, Webflow, GSAP, Joseph Berry
Pasha Ink
Inspo
Website
/ 

Pasha Ink

3.4.25
Creative, Personal, Portfolio, Webflow, Mapbox, Artemii Lebedev
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.