Tsallake zuwa babban abun ciki Tsallake zuwa kewayawa na takardu
in English

Boye a gani

Yi amfani da waɗannan mataimakan don ɓoye abubuwa na gani amma kiyaye su zuwa ga fasahar taimako.

A gani boye wani kashi yayin da har yanzu yana barin shi a fallasa shi ga fasahar taimako (kamar masu karanta allo) tare da .visually-hidden. Yi amfani .visually-hidden-focusableda gani don ɓoye wani abu ta tsohuwa, amma don nuna shi lokacin da aka mai da hankali (misali ta mai amfani da madannai kawai). .visually-hidden-focusableHakanan za'a iya amfani da kwantena - godiya ga :focus-within, za'a nuna akwati lokacin da kowane ɓangaren yara na akwati ya sami hankali.

Take ga masu karanta allo

Tsallake zuwa babban abun ciki
Kwantena mai abun da ake iya mayar da hankali .
<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>

Dukansu visually-hiddenkuma visually-hidden-focusableana iya amfani dasu azaman mixins.

// Usage as a mixin

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

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