We are working on something new! Check it out here!

Screen reader only

Hides any element for all devices except screen readers. Typically used for help text that should only be read by screen readers.

Example

This text will be readable everywhere. This text will not be readable/visible to any other device than screen readers.
<span>This text will be readable everywhere.</span>
<span class="sr-only">This text will not be readable/visible to any other device than screen readers.</span>
Source file: ~/source/sass/utility/_accessibility.scss