मुख्य सामग्री पर जाउ डॉक्स नेविगेशन पर जाउ
in English

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

तत्वक कें दृष्टिगत रूप सं छिपावय कें लेल इ सहायकक कें उपयोग करूं मुदा ओकरा सहायक प्रौद्योगिकी कें लेल सुलभ रखूं.

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

// Usage as a mixin

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

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