मुख्य सामग्री पर जाओ डॉक्स नेविगेशन पर जाओ
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;
}