A functional component to help keyboard users skip to the main content
- Visually hidden by default but visible on focus.
tabindexon target when clicked (for focus ring).
Skip Example Nav
Start by clicking on the button to set the focus there. Then use the keyboard to navigate to the VSkip component. You will then be able to click the link to skip past the long list of links, to the main content.
Your implementation will vary, but it basically just relies on receiving the hash link to the ID of the main content element.