Skip Link
A hidden link that becomes visible on focus, allowing keyboard users to bypass navigation and jump to the main content.
Skip links are essential for users who navigate via keyboard or assistive technology. They allow users to skip repetitive blocks like navigation menus and get straight to the primary content.
Why it Matters
WCAG 2.4.1 (Bypass Blocks): A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.
Usage Example
import { SkipLink } from '@holmdigital/components'; // Usually placed as the very first element in <body> <SkipLink href="#main-content">Skip to main content</SkipLink> <nav>...</nav> <main id="main-content"> {/* Content starts here */} </main>