Laktawan sa panguna nga sulud Laktaw sa docs navigation
Check
in English

Gitago sa panan-aw

Gamita kini nga mga katabang aron makita nga itago ang mga elemento apan ipadayon kini nga magamit sa mga teknolohiya nga makatabang.

Biswal nga itago ang usa ka elemento samtang gitugotan pa kini nga ma-expose sa mga makatabang nga teknolohiya (sama sa mga screen reader) nga adunay .visually-hidden. Gamita .visually-hidden-focusablearon makita nga itago ang usa ka elemento pinaagi sa default, apan aron ipakita kini kung kini naka-focus (pananglitan sa usa ka keyboard-only user). .visually-hidden-focusablemahimo usab nga i-apply sa usa ka sudlanan–salamat sa :focus-within, ang sudlanan ipakita kung ang bisan unsang bata nga elemento sa sudlanan makadawat focus.

Titulo para sa screen readers

Laktawan sa panguna nga sulud
Usa ka sudlanan nga adunay usa ka mapunting nga elemento .
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>

Ang duha visually-hiddenug visually-hidden-focusablemahimo usab nga gamiton ingon mga mixin.

// Usage as a mixin

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

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