Screen reader

Usa le utilità di lettura dello schermo per nascondere gli elementi su tutti i dispositivi eccetto gli screen reader.

Nascondi un elemento a tutti i dispositivi eccetto per le utilità per la lettura dello schermo con .sr-only. Combina .sr-onlycon .sr-only-focusableper mostrare di nuovo l'elemento quando è focalizzato (ad esempio da un utente che utilizza solo la tastiera). Può essere utilizzato anche come mixin.

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