स्क्रीन रीडर

स्क्रीन रीडर वगळता सर्व डिव्हाइसेसवरील घटक लपवण्यासाठी स्क्रीन रीडर उपयुक्तता वापरा.

सह स्क्रीन रीडर वगळता सर्व उपकरणांवर एक घटक लपवा .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;
}