Imagine visiting a news website where the header contains a top banner, 45 navigation links, a currency converter, and a weather widget.
Every time a keyboard user visits a new article, they would have to press the Tab key 52 times just to read the first sentence of the article!
The Skip Link Pattern: A 'Skip to Main Content' link is the very first focusable element in the HTML:
<a href="#main-content" class="skip-link">Skip to main content</a>
...
<main id="main-content">
In CSS, it is visually hidden off-screen by default, but slides smoothly into view when focused via keyboard Tab (.skip-link:focus { top: 0; }). Pressing Enter instantly jumps focus directly into <main>.
Level 1 · Accessible interaction basics