Tsibela kumxholo ophambili Tsiba uye kukhangelo lwamaxwebhu
in English

Ifihliwe ngokubonakalayo

Sebenzisa aba bancedisi ukufihla izinto ezibonakalayo kodwa uzigcine zifikeleleka kwiitekhnoloji ezincedisayo.

Fihla into ethile ngokubonakalayo ngelixa uyivumela ukuba ibonakale kubuchule bokuncedisa (ezifana nezifundi zesikrini) nge .visually-hidden. Sebenzisa .visually-hidden-focusableukufihla into ngokungagqibekanga, kodwa ukuyibonisa xa igxininiswe (umzekelo ngumsebenzisi webhodi yezitshixo kuphela). .visually-hidden-focusableingasetyenziswa nakwisikhongozeli-enkosi ku- :focus-within, isikhongozeli siya kuboniswa xa nayiphi na into yomntwana yesikhongozeli ifumana ingqalelo.

Isihloko kubafundi besikrini

Tsibela kumxholo ophambili
Isikhongozeli esinento ekugxilwe kuyo .
<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>

Zombini visually-hiddenkwaye visually-hidden-focusablezinokusetyenziswa njengemixube.

// Usage as a mixin

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

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