Skip navigation links for screen reader and keyboard users
npm install @chakra-ui/skip-navSkip navigation link for screen reader and keyboard users. Because the main
content is not usually the first thing in the document, it is 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.
``sh`
npm i @chakra-ui/skip-navor
yarn add @chakra-ui/skip-nav
`jsx`
import { SkipNavLink, SkipNavContent } from "@chakra-ui/skip-nav"
`jsx``
ReactDOM.render(
<>
{/ 👇🏻 put the link at the top of your app /}
{/ 👇🏻 and the content next to your main content /}
,
rootNode,
)