Hidden visually

import { HiddenVisually } from "reshaped";
import type { HiddenVisuallyProps } from "reshaped";
Hides content while keeping screen readers announcements

HiddenVisually will hide everything passed as children from the screen but will still read that content when navigating with a screen reader. This way, you can add extra information for screen reader users.

<HiddenVisually>Available only to screen readers</HiddenVisually>