Esasy mazmuna geçiň Docs nawigasiýasyna geçiň
in English

Görkezilen görnüşde

Elementleri wizual gizlemek üçin bu kömekçileri ulanyň, ýöne kömekçi tehnologiýalara elýeterli boluň.

Bir elementi kömekçi tehnologiýalara (ekran okyjylary ýaly) täsir etmegine ýol açyp, wizual görnüşde gizläň .visually-hidden. Bir elementi deslapky görnüşde wizual gizlemek üçin ulanyň .visually-hidden-focusable, ýöne ünsi jemläninde görkezmek üçin ulanyň (mysal üçin, diňe klawiatura ulanyjy tarapyndan). .visually-hidden-focusablekonteýnerde hem ulanylyp bilner - sag bol :focus-within, konteýneriň islendik çaga elementi ünsi alanda görkeziler.

Ekran okyjylary üçin at

Esasy mazmuna geçiň
<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>

Bularyň ikisi visually-hiddenhem visually-hidden-focusablegaryndy hökmünde ulanylyp bilner.

// Usage as a mixin

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

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