दृष्टिगत रूप सँ नुकायल

कोनों तत्व कें दृष्टिगत रूप सं नुकाऊं जखन कि ओकरा सहायक प्रौद्योगिकी (जैना स्क्रीन रीडर) कें संपर्क मे आवय कें अनुमति दिअ .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मिक्सिन के रूप मे सेहो प्रयोग कएल जा सकैत अछि ।

// Usage as a mixin

.visually-hidden-title {
  @include visually-hidden;
}

.skip-navigation {
  @include visually-hidden-focusable;
}