Skjermlesere

Bruk skjermleserverktøy for å skjule elementer på alle enheter unntatt skjermlesere.

Skjul et element for alle enheter unntatt skjermlesere med .sr-only. Kombiner .sr-onlymed .sr-only-focusablefor å vise elementet igjen når det er fokusert (f.eks. av en bruker som bare bruker tastaturet). Kan også brukes som 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;
}