Screenreaders

Bootstrap screenreaders is a assistive technology which hides elements on every device except screen readers with a single class.

                
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
            
                
// Usage as a mixin
.skip-navigation {
  @include sr-only;
  @include sr-only-focusable;
}