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.

Industries

Collections

Creators

Corey Moen

Share this item

Related items

No items found.

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

Curated:

6.14.23

Similar items

Items

Layout

Skip to list

tag

All

Inspo

Code

Learn

Tools

Shop

Show all

Collapse

Industries

Agriculture

Apparel

Architecture

Beauty

Collaboration

Community

Construction

Creative

Crypto

Customer Service

Data Management

Dating

Dental

Dev Tools

Editorial

Education

Energy

Engineering

Entertainment

Environment

Events

Fashion

Film

Financial

Fitness

Food & Beverage

Furniture

Gaming

Health & Wellness

History

Housing

Industrial

Insurance

Interior Design

Knowledge Management

Legal

Medical

Motion Design

Music

NFT

Networking

No-code

Nonprofit

Office

Pets

Photography

Political

Printing

Project Management

Public Relations

Real Estate

Religious

Restaurant

SAAS

Science

Seasonal

Security

Social Media

Sports

Stock

Sustainability

Technology

Trades

Transportation

Travel

Web3

Writing

Accessible Accordion for Webflow

4.19.25

No-code, Dev Tools, Accessibility, Components, Interactions, HTML, CSS, Webflow

Zite

4.19.25

AI, Dev Tools, SAAS, Automation

shopdev

4.19.25

AI, Dev Tools, Creative, Ecommerce, Automation, Workflow, Shopify

Magic Animator

4.19.25

AI, Motion Design, Creative, Landing, Automation, Framer

GRAPHICHUNTERS®

4.19.25

Creative, Agency, Portfolio, Webflow, GSAP

View item

Featured

Preview

↗

Osmo

Start building websites people remember.

Distributional

4.17.25

AI, Dev Tools, Marketing, Webflow, GSAP, Mast

Golden Canon Grid Course for Web Designers — BONT®

Free

4.16.25

Creative, Education, Design System, Workflow, Figma, Readymag

RIVR

4.15.25

Transportation, AI, Marketing, Webflow, GSAP

Stack Asset Management

4.14.25

Financial, Landing, Portfolio, Webflow, GSAP

Stereotype

4.14.25

Creative, Fashion, Marketing, Ecommerce, Webflow, Shopify

OH Architecture

4.9.25

Architecture, Agency, Portfolio, Webflow, GSAP

Nory

4.9.25

Food & Beverage, AI, SAAS, Marketing, Webflow, Kyle Craven

Greer Mosher

4.8.25

Creative, Personal, Portfolio, Webflow

View item

Inspo

Website

Osmo

€25/mo

4.5.25

Creative, No-code, Dev Tools, Animation, Gallery, Javascript, Workflow, Webflow, GSAP, Ilja van Eck

Greenhouse

4.5.25

HR, SAAS, Marketing, Enterprise, Webflow

Heritage In Art

4.5.25

Creative, Gallery, Webflow, GSAP

Featured

Mast

3.13.23

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

Partner

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

View item