Core utilities

Visually hidden #

If you hide an element with display: none, it will also hide it from assistive technology, such as screen readers. This utility allows you to get the effect of display: none, without the screen reader issues.

<p class="visually-hidden">
You can’t see me, but a screen reader can still access me
<p>