Esasy mazmuna geçiň Docs nawigasiýasyna geçiň
Check
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 wizual görnüşde gizlemek üçin ulanyň .visually-hidden-focusable, ýöne ünsi jemläninde görkezmek üçin ulanyň (meselem, 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.

Esasy mazmuna geçiň
Üns berilýän elementli gap .
html 
<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;
}