---
id: visually-hidden
title: VisuallyHidden
---

# VisuallyHidden

Use this component to convey meaning to people using screen readers, helping
them access information and context.

VisuallyHidden is a web accessibility technique used to hide content from the visual client, but keep it readable for screen readers.

## How to use

<code src="@digigov/ui/src/utils/VisuallyHidden/__stories__/Default.tsx" />

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={["VisuallyHidden"]} />