Slaan oor na hoofinhoud Slaan oor na dokumentnavigasie
Check
in English

Sigbaarheid

Beheer die sigbaarheid van elemente, sonder om hul vertoning te verander, met sigbaarheidshulpmiddels.

Stel die visibilityvan elemente met ons sigbaarheid nutsprogramme. Hierdie nutsklasse verander glad nie die displaywaarde nie en beïnvloed nie uitleg nie – .invisibleelemente neem steeds spasie op die bladsy op.

Elemente met die .invisibleklas sal beide visueel en vir ondersteunende tegnologie/skermlesergebruikers versteek word.

Dien toe .visibleof .invisiblesoos benodig.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Sass

Utilities API

Sigbaarheid nutsprogramme word verklaar in ons nutsprogramme API in scss/_utilities.scss. Leer hoe om die utilities API te gebruik.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )