مکيه مواد ڏانهن وڃو Docs نيويگيشن ڏانھن وڃو
Check
in English

بصري طور لڪايو ويو

ھي مددگار استعمال ڪريو عناصر کي بصري طور لڪائڻ لاءِ پر انھن کي مدد ڏيندڙ ٽيڪنالاجيز تائين پھچائي رکو.

هڪ عنصر کي بصري طور تي لڪايو جڏهن ته اڃا تائين ان کي مدد ڏيڻ واري ٽيڪنالاجيز (جهڙوڪ اسڪرين ريڊرز) سان .visually-hidden. ڪنهن عنصر کي بصري طور لڪائڻ لاءِ ڊفالٽ طور استعمال ڪريو .visually-hidden-focusable، پر ان کي ڊسپلي ڪرڻ لاءِ جڏهن اهو مرکوز هجي (مثال طور صرف ڪيبورڊ استعمال ڪندڙ). .visually-hidden-focusableڪنٽينر تي پڻ لاڳو ڪري سگھجي ٿو- جي مھرباني :focus-within، ڪنٽينر ڏيکاريو ويندو جڏھن ڪنٽينر جو ڪو به ٻاراڻو عنصر فوڪس حاصل ڪندو.

اسڪرين پڙهندڙن لاءِ عنوان

مکيه مواد ڏانهن وڃو
هڪ ڪنٽينر هڪ ڌيان ڏيڻ واري عنصر سان .
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>

ٻئي visually-hidden۽ visually-hidden-focusableپڻ mixins طور استعمال ڪري سگهجي ٿو.

// Usage as a mixin

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

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