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;
}