Yeqela kokuqukethwe okuyinhloko Yeqela ku-docs navigation
in English

Kufihliwe ngokubukeka

Sebenzisa laba basizi ukuze ufihle izinto ezibonakalayo kodwa uzigcine zifinyeleleka kubuchwepheshe obusizayo.

Fihla i-elementi ngokubukeka ngenkathi usavumela ukuthi ivezwe kubuchwepheshe obusizayo (njengabafundi besikrini) nge- .visually-hidden. Sebenzisa .visually-hidden-focusableukuze ufihle into ngokuzenzakalelayo, kodwa ukuyibonisa lapho igxilile (isb ngomsebenzisi wekhibhodi kuphela). .visually-hidden-focusablefuthi ingafakwa esitsheni–sibonga :focus-within, isiqukathi sizovezwa lapho noma iyiphi ingxenye yengane yesiqukathi ithola ukugxila.

Isihloko sezifundi zesikrini

Yeqela kokuqukethwe okuyinhloko
Isiqukathi esinezinto ezigxilisa ingqondo .
<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>

Kokubili visually-hiddenfuthi visually-hidden-focusablekungasetshenziswa njengama-mixins.

// Usage as a mixin

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

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