Ruka hadi kwa yaliyomo kuu Ruka hadi kwenye urambazaji wa hati
Check
in English

Imefichwa kwa macho

Tumia visaidizi hivi ili kuficha vipengee kwa macho lakini uvifanye viweze kufikiwa na teknolojia saidizi.

Ficha kipengele kionekanavyo huku ukiruhusu kufichuliwa na teknolojia saidizi (kama vile visoma skrini) kwa kutumia .visually-hidden. Tumia .visually-hidden-focusablekuficha kipengee kwa njia chaguomsingi, lakini kukionyesha kinapolenga (kwa mfano na mtumiaji wa kibodi pekee). .visually-hidden-focusablepia inaweza kutumika kwa kontena–shukrani kwa :focus-within, kontena litaonyeshwa wakati kipengele chochote cha mtoto cha chombo kinapopata mwelekeo.

Kichwa cha visoma skrini

Ruka hadi kwa yaliyomo kuu
Chombo chenye kipengele kinachoweza kuzingatiwa .
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>

Zote mbili visually-hiddenna visually-hidden-focusablepia zinaweza kutumika kama mchanganyiko.

// Usage as a mixin

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

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