Skip to main content

Patterns

Accessibility

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

This text will be read aloud and visible to users.

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

<p>This text will be read aloud and visible to users.</p>
<p class="sr-only">However, this text will be read aloud by screen readers.</p>