အမြင်အာရုံကို ဝှက်ထားသည်။

အထောက်အကူနည်းပညာများ (ဖန်သားပြင်စာဖတ်သူများကဲ့သို့) နှင့် ထိတွေ့ခွင့်ရနေချိန်တွင် ဒြပ်စင်တစ်ခုအား အမြင်အာရုံဖြင့် ဝှက်ထားပါ .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-focusablemixins အဖြစ်လည်း သုံးနိုင်သည်။

// Usage as a mixin

.visually-hidden-title {
  @include visually-hidden;
}

.skip-navigation {
  @include visually-hidden-focusable;
}