Sichtweite

Steuern Sie die Sichtbarkeit von Elementen mit Sichtbarkeitsdienstprogrammen, ohne die Anzeige zu ändern.

Legen Sie die visibilityElemente mit unseren Sichtbarkeitsdienstprogrammen fest. Diese ändern den displayWert überhaupt nicht und sind hilfreich, um Inhalte vor den meisten Benutzern zu verbergen, sie aber dennoch für Screenreader zu behalten.

Bewerben .visibleoder .invisiblenach Bedarf.

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// Usage as a mixin
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}