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-hidden
आ visually-hidden-focusable
मिक्सिन के रूप मे सेहो प्रयोग कएल जा सकैत अछि ।
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}