Skærmlæsere

Brug skærmlæserværktøjer til at skjule elementer på alle enheder undtagen skærmlæsere.

Skjul et element på alle enheder undtagen skærmlæsere med .sr-only. Kombiner .sr-onlymed .sr-only-focusablefor at vise elementet igen, når det er fokuseret (f.eks. af en bruger, der kun har tastatur). Kan også bruges 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;
}