A React component that visually hides its content
npm install @chakra-ui/visually-hiddenThe visually hidden component styles itself so that it’s content is not visible,
but it is available to assistive technologies like screen readers and other text
to speech programs.
``sh
yarn add @chakra-ui/visually-hidden
npm i @chakra-ui/visually-hidden
`
`jsx`
import { VisuallyHidden } from "@chakra-ui/visually-hidden"
`jsxspan
// it renders a by default
// for visually hidden input fields
``
- https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
- https://a11yproject.com/posts/how-to-hide-content/