Bootstrap/site/content/docs/5.0/helpers/screen-readers.md

layout	title	description	group
docs	Screen readers	Use screen reader utilities to hide elements on all devices except screen readers.	helpers

Hide an element to all devices except screen readers with .sr-only. Use .sr-only-focusable to show the element only when it's focused (e.g. by a keyboard-only user). Can also be used as mixins.

{{< example >}}

Title for screen readers

Skip to main content {{< /example >}}

{{< highlight scss >}} // Usage as a mixin

.sr-only-title { @include sr-only; }

.skip-navigation { @include sr-only-focusable; } {{< /highlight >}}