Patterns

Skip to main content
1.7.0

Accessibility

The .sr-only utility will hide elements visually but keep them visible to screen readers.

This text will be read aloud and remain visible to users.

Below is an example of a p element with the sr-only class applied. If you're not using a screen reader, use your dev tools inspect feature to view the element:

However, this text will be read aloud by screen readers.