Skip to Content

What it does

Implements a reliable keyboard bypass past repeated navigation, with correct focus restoration on route change.

When to use it

Use for skip links, bypass blocks, or accessibility audits where keyboard users must cross repeated content.

Problems it prevents

Stops keyboard users having to tab through the entire header on every single page.

Typical workflow

1. Add the first-focusable skip link
2. Target a real, focusable main landmark
3. Verify it works on route change
4. Test with a keyboard only

Example output

A visible-on-focus skip link that lands keyboard focus directly on the main content, every time.

What's included

1. 01
   The complete prompt

   The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.

2. 02
   Install walkthrough

   Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.

3. 03
   Use notes

   How Claude invokes it, what a good result looks like, and what to check before you trust the output.

Works well with

• SystemAccessibility

  Checks keyboard navigation, screen-reader semantics, colour contrast and focus handling across any interface.

• FocusedResponsive Mobile Navigation

  Preserves navigation hierarchy, focus and touch behaviour across mobile, tablet, desktop and assistive technology.

• FocusedBreadcrumbs & Wayfinding

  Implements accurate, accessible hierarchical breadcrumbs with correct BreadcrumbList structured data.