Skip to content
+

Screen readers

Collection of utilities for improving accessibility with screen readers.

Visually hidden elements

The visually hidden style utility provides a common mechanism for hidings elements visually, but making them available for assistive technology. It's a simple style object of type React.CSSProperties.

Read more
about how to visually hide elements
Press Enter to start editing

If you don't have a strict CSP policy in place, you can also do:

import { visuallyHidden } from '@mui/utils';

<div style={visuallyHidden}>about how to visually hide elements</div>;
Edit this page

Was this page helpful?


SpacingTypography

Blog

Store