order
SkipLink
"Skip to main content", hidden until a keyboard user tabs to it.
Press TabClick the panel, then press Tab once: the link appears top left
Skip to main content
Tideline header and navigation sit here.
The main content the link jumps to: Harbour rebrand.
In context
Project pageFirst in the tab order, before the nav
Skip to main content
Projects
Calendar
Files
Harbour rebrand
Identity, site and launch kit for the harbour trust.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
targetId | string | undefined | No | main-content |
Accessibility
Off-screen until focused, then a visible link; never removed from the DOM or the tab order. It lets keyboard users jump past the header and navigation on every page load.
data-rebar-* attributes
data-rebar-component="skip-link" on the root.
Migrating to Ant Design
Not codemod-covered. AntD ships no skip link; keep this pattern as a plain styled <a>.