दृष्टिगत रूप से छिपा

इक तत्व गी नेत्रहीन रूप कन्नै छुपाओ ते इसदे कन्नै गै इसगी सहायक तकनीकें (जि’यां स्क्रीन रीडर) कन्नै उजागर करने दी अनुमति देओ .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;
}