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

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

<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;
}