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

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

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