@reach/skip-nav
TypeScript icon, indicating that this package has built-in type declarations

0.18.0 • Public • Published

@reach/skip-nav

Stable release MIT license

Docs | Source | WAI-ARIA

Skip navigation link for screen reader and keyboard users. Because the main content is not usually the first thing in the document, it's valuable to provide a shortcut for keyboard and screen reader users to skip to the content.

If the user does not navigate with the keyboard, they won't see the link.

import { SkipNavLink, SkipNavContent } from "@reach/skip-nav";
import "@reach/skip-nav/styles.css";

ReactDOM.return(
	<React.Fragment>
		{/* put the link at the top of your app */}
		<SkipNavLink />
		<div>
			<YourNav />
			{/* and the content next to your main content */}
			<SkipNavContent />
			<YourMainContent />
		</div>
	</React.Fragment>,
	rootNode
);

Readme

Keywords

none

Package Sidebar

Install

npm i @reach/skip-nav

Weekly Downloads

22,756

Version

0.18.0

License

MIT

Unpacked Size

18.1 kB

Total Files

11

Last publish

Collaborators

  • ryanflorence
  • mjackson
  • chancestrickland
  • blainekasten