اسکرین ریڈرز

اسکرین ریڈرز کے علاوہ تمام آلات پر عناصر کو چھپانے کے لیے اسکرین ریڈر کی افادیت کا استعمال کریں۔

ایک عنصر کو تمام آلات پر چھپائیں سوائے اسکرین ریڈرز کے ساتھ .sr-only۔ جب عنصر فوکس ہو تو اسے دوبارہ دکھانے کے لیے اس کے .sr-onlyساتھ جوڑیں (مثال کے طور پر صرف کی بورڈ صارف کے ذریعے)۔ .sr-only-focusableمکس کے طور پر بھی استعمال کیا جا سکتا ہے۔

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

// Usage as a mixin
.skip-navigation {
  @include sr-only;
  @include sr-only-focusable;
}