Skip link demo (Skip to content)

TAB DEMO

Skip link (keyboard)

Try Tab • compare BEFORE vs AFTER

Long header

Step 1: press Tab Step 2: (AFTER) focus the “Skip to content” link Step 3: press Enter

BEFORE: you must tab through many header links. AFTER: the first Tab reveals a skip link that jumps focus into the main content.

BEFORE (no skip link)

HOME DOCS BLOG ABOUT SUPPORT SETTINGS

Main content

In BEFORE, keyboard users can waste many Tab presses reaching this.

AFTER (skip link)

HOME DOCS BLOG ABOUT SUPPORT SETTINGS

Main content

In AFTER, Enter on the skip link moves focus here.

Last activation: (none yet)

Tip: add ?autoplay=1 to auto-focus the skip link for capture.

Share this demo