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
mixins အဖြစ်လည်း သုံးနိုင်သည်။
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}