Lectores de pantalla

Utilice las utilidades del lector de pantalla para ocultar elementos en todos los dispositivos, excepto los lectores de pantalla.

Oculte un elemento en todos los dispositivos excepto en los lectores de pantalla con .sr-only . Combine .sr-only con .sr-only-focusable para mostrar el elemento nuevamente cuando esté enfocado (por ejemplo, por un usuario que solo tiene teclado). También se puede utilizar 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;
}