Tlula eka nhlokomhaka-nkulu Tlula eka docs navigation
Check
in English

Ku tumbetiwa hi ndlela leyi vonakaka

Tirhisa swipfuni leswi ku fihla swiaki hi mahlo kambe swi hlayisa swi fikeleleka eka thekinoloji yo pfuneta.

Fihla elemente hi ku vona u ri karhi u pfumelela ku hlangana na thekinoloji leyi pfunaka (yo tanihi swihlaya swa xikirini) hi .visually-hidden. Tirhisa .visually-hidden-focusableku fihla elemente hi ku vona hi ku tiyimisela, kambe ku yi kombisa loko yi kongomisiwile (xikombiso hi mutirhisi wa khibhodi ntsena). .visually-hidden-focusableswi nga tlhela swi tirhisiwa eka xigwitsirisi–hi khensa :focus-within, xigwitsirisi xi ta kombisiwa loko xiphemu xihi na xihi xa n’wana xa xigwitsirisi xi amukela ku kongomisa.

Nhlokomhaka ya vahlayi va xikirini

Tlula eka nhlokomhaka-nkulu
Xigwitsirisi lexi nga ni xiaki lexi kongomisaka .
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>

Havumbirhi bya swona visually-hiddennaswona visually-hidden-focusableswinga tlhela switirhisiwa tani hi mixins.

// Usage as a mixin

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

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