Lectores de pantalla

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

Oculte un elemento para todos los dispositivos, excepto los lectores de pantalla con .sr-only. Combine .sr-onlycon .sr-only-focusablepara volver a mostrar el elemento cuando esté enfocado (por ejemplo, por un usuario que solo usa el 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;
}