Source

Schermlezers

Gebruik hulpprogramma's voor schermlezers om elementen op alle apparaten te verbergen, behalve schermlezers.

Verberg een element voor alle apparaten behalve schermlezers met .sr-only. Combineer .sr-onlymet .sr-only-focusableom het element opnieuw te tonen wanneer het gefocust is (bijvoorbeeld door een gebruiker met alleen toetsenbord). Kan ook als mixin gebruikt worden.

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