Source

स्क्रीनरीडर्स

स्क्रीन रीडर को छोड़कर सभी उपकरणों पर तत्वों को छिपाने के लिए स्क्रीनरीडर उपयोगिताओं का उपयोग करें।

के साथ स्क्रीन रीडर्स को छोड़कर सभी उपकरणों पर एक तत्व छुपाएं .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;
}