#Utilities

hello-next-js comes with helper components to assist with accessibility and layout.

#Visually hidden

The VisuallyHidden utility makes its contents available to screen readers while hiding it visually.

import {VisuallyHidden} from 'hello-next-js'

Add the focusable property to the component visible while focused:

<VisuallyHidden as="a" href="#content" focusable>
  Navigate to content
</VisuallyHidden>

<VisuallyHidden as="a" href="#content" focusable>
  Navigate to content
</VisuallyHidden>