Lumpat menyang isi utama Lumpat menyang pandhu arah docs
in English

Didhelikake kanthi visual

Gunakake helpers iki kanggo visual ndhelikake unsur nanging supaya bisa diakses dening teknologi assistive.

Singidaken kanthi visual unsur nalika isih ngidini kanggo kapapar teknologi assistive (kayata layar maca) karo .visually-hidden. Gunakake .visually-hidden-focusablekanggo ndhelikake unsur kanthi visual kanthi standar, nanging kanggo nampilake nalika lagi fokus (contone, pangguna mung keyboard). .visually-hidden-focusableuga bisa diterapake ing wadhah–matur nuwun :focus-within, wadhah kasebut bakal ditampilake nalika unsur anak saka wadhah kasebut entuk fokus.

Judhul kanggo layar maca

Lumpat menyang isi utama
Wadah kanthi unsur sing bisa fokus .
<h2 class="visually-hidden">Title for screen readers</h2>
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
<div class="visually-hidden-focusable">A container with a <a href="#">focusable element</a>.</div>

Loro -lorone visually-hiddenlan visually-hidden-focusableuga bisa digunakake minangka campuran.

// Usage as a mixin

.visually-hidden-title {
  @include visually-hidden;
}

.skip-navigation {
  @include visually-hidden-focusable;
}