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-focusable
konteýnerde hem ulanylyp bilner - sag bol :focus-within
, konteýneriň islendik çaga elementi ünsi alanda görkeziler.
<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-hidden
hem visually-hidden-focusable
garyndy hökmünde ulanylyp bilner.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}