Sections

Accessibility

Utilities for improving accessibility with screen readers.

Class Properties
.sr-only @include sr-only();
.sr-only-focusable @include sr-only-focusable();

Usage

Use .sr-only to hide an element on all devices except for screen readers.

Use .sr-only with .sr-only-focusable to show the element again when it’s focused (e.g. by a keyboard-only user).