Screen Readers

Utilities for improving accessibility with screen readers.

Use not-sr-only to undo , making an element visible to sighted users as well as screen readers. This can be useful when you want to visually hide something on small screens but show it on larger screens for example:

For a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation.

To learn more, check out the documentation on Responsive Design, and other media query modifiers.