အဓိကအကြောင်းအရာသို့ ကျော်သွားပါ။ စာရွက်စာတမ်းလမ်းညွှန်မှုသို့ ကျော်သွားပါ။
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-focusablemixins အဖြစ်လည်း သုံးနိုင်သည်။

// Usage as a mixin

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

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