Screenreader

Verwenden Sie Screenreader-Dienstprogramme, um Elemente auf allen Geräten außer Screenreadern auszublenden.

Blenden Sie ein Element für alle Geräte außer Screenreadern mit aus .sr-only. Kombinieren Sie .sr-onlymit .sr-only-focusable, um das Element erneut anzuzeigen, wenn es fokussiert ist (z. B. durch einen Nur-Tastatur-Benutzer). Kann auch als Mixin verwendet werden.

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