Source

Lectors de pantalla

Utilitzeu les utilitats del lector de pantalla per amagar elements a tots els dispositius, excepte als lectors de pantalla.

Amaga un element a tots els dispositius excepte als lectors de pantalla amb .sr-only. Combina .sr-onlyamb .sr-only-focusableper tornar a mostrar l'element quan estigui enfocat (p. ex. per un usuari només de teclat). També es pot utilitzar com a 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;
}