Skärmläsare

Använd skärmläsarverktyg för att dölja element på alla enheter utom skärmläsare.

Dölj ett element för alla enheter utom skärmläsare med .sr-only. Kombinera .sr-onlymed .sr-only-focusableför att visa elementet igen när det är fokuserat (t.ex. av en användare som endast använder tangentbord). Kan även användas 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;
}