मुख्य सामग्री पर जाएँ docs नेविगेशनं प्रति गच्छतु
Check
in English

दृग्गततया निगूढम्

एतेषां सहायकानां उपयोगं कृत्वा तत्त्वानि दृग्गतरूपेण गोपनं कुर्वन्तु परन्तु तान् सहायकप्रौद्योगिकीनां कृते सुलभं कुर्वन्तु।

दृग्गततया एकं तत्त्वं गोपयन्तु तथापि तत् सहायकप्रौद्योगिकीषु (यथा स्क्रीनरीडर्) सह संपर्कं कर्तुं अनुमन्यते .visually-hidden.visually-hidden-focusableपूर्वनिर्धारितरूपेण कस्यचित् तत्त्वस्य दृग्गतरूपेण गोपनार्थं उपयुज्यताम् , परन्तु यदा तत् केन्द्रितं भवति तदा तत् प्रदर्शयितुं (उदा. केवलं कीबोर्ड-उपयोक्त्रा) । .visually-hidden-focusablecan also be applied to a container–thanks to :focus-within, पात्रस्य कोऽपि बालतत्त्वः फोकसः प्राप्नोति तदा पात्रं प्रदर्शितं भविष्यति ।

स्क्रीन रीडर कृते शीर्षकम्

मुख्य सामग्री पर जाएँ
एकं पात्रं यस्य केन्द्रीकरणीयं तत्त्वं भवति .
html
<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;
}