Screen Readers

Some classes let you control wether items are displayed only by screen readers or not.


Screen Readers

sr-only not-sr-only

Docs Try it

The sr-only class means that an item will only show up on screen readers and not in the browser. This may be good for textual content that is more suitable for things that are too visual.

The opposite of it is not-sr-only, which overrides sr-only. It's tough to visualize that one, so let's take a look at an example.