Source

Lectores de pantalla

Use as utilidades dos lectores de pantalla para ocultar elementos en todos os dispositivos, excepto nos lectores de pantalla.

Ocultar un elemento a todos os dispositivos excepto aos lectores de pantalla con .sr-only. Combínalo .sr-onlycon .sr-only-focusablepara mostrar o elemento de novo cando estea enfocado (por exemplo, por un usuario só con teclado). Tamén se pode usar como mixins.

<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;
}