Tlolela go diteng tše kgolo Tlolela go docs navigation
in English

E utilwe ka pono

Šomiša dithuši tše go uta dielemente ka pono eupša di boloka di fihlelelwa ke theknolotši ya go thuša.

Pata elemente ka pono mola o sa e dumelela go pepentšhwa theknolotšing ya go thuša (go swana le dibadi tša skrine) ka .visually-hidden. Šomiša .visually-hidden-focusablego uta elemente ka pono ka go ikemela, eupša go e bontšha ge e tsepame (mohlala, ke modiriši wa khiiboto fela). .visually-hidden-focusablee ka dirišwa gape go setshelo–ka lebaka la :focus-within, setshelo se tla bontšhwa ge elemente efe goba efe ya ngwana ya setshelo e amogela tsepamiso ya kgopolo.

Thaetlele ya babadi ba skrine

Tlolela go diteng tše kgolo
Setshelo seo se nago le elemente yeo e tsepamego .
<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>

Bobedi visually-hiddenle visually-hidden-focusableka boela sebediswa e le mixins.

// Usage as a mixin

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

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