CSS Utilities ​

Screen Reader Only ​

Use the .hya-sr-only class to hide an element visually, but have it still be accessible to screen readers.

<p>
  This text is visible.
  <span class="hya-sr-only">This text is hidden.</span>
</p>