Open/Close Side Menu
Search
Close
Search
Friday, October 7, 2022

Screenreaders

Use screenreader utilities to hide elements on all devices except screen readers.

Hide an element to all devices except screen readers with .sr-only. Combine .sr-only with .sr-only-focusable to show the element again when it’s focused (e.g. by a keyboard-only user).

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
Back To Top