Source

သုံးစွဲနိုင်မှု

အသုံးပြု၍ရနိုင်သောအကြောင်းအရာဖန်တီးမှုအတွက် Bootstrap ၏အင်္ဂါရပ်များနှင့် ကန့်သတ်ချက်အကျဉ်းချုပ်။

Bootstrap သည် အဆင်သင့်လုပ်ထားသော စတိုင်များ၊ အပြင်အဆင် ကိရိယာများနှင့် အပြန်အလှန်အကျိုးပြုသော အစိတ်အပိုင်းများ ၏ အသုံးပြုရလွယ်ကူသော မူဘောင်ကို ပံ့ပိုးပေးကာ ဆော့ဖ်ဝဲအင်ဂျင်နီယာများသည် အမြင်အာရုံဆွဲဆောင်မှုရှိသော၊ လုပ်ဆောင်နိုင်မှု ကြွယ်ဝပြီး ကွက်လပ်အတွင်းမှ ဝင်ရောက်နိုင်သော ဝဘ်ဆိုက်များနှင့် အပလီကေးရှင်းများကို ဖန်တီးနိုင်စေပါသည်။

ခြုံငုံသုံးသပ်ချက်နှင့် ကန့်သတ်ချက်များ

Bootstrap ဖြင့် တည်ဆောက်ထားသော မည်သည့်ပရောဂျက်၏ အလုံးစုံဝင်ရောက်နိုင်မှုမှာ စာရေးသူ၏ အမှတ်အသား၊ အပိုဆောင်းပုံစံနှင့် ၎င်းတို့ပါရှိသော ဇာတ်ညွှန်းပေါ်တွင် များစွာမူတည်ပါသည်။ သို့ရာတွင်၊ ၎င်းတို့ကို မှန်ကန်စွာအကောင်အထည် ဖော်ထားခြင်းကြောင့် WCAG 2.0 (A/AA/AAA)၊ ပုဒ်မ 508 နှင့် အလားတူအသုံးပြုနိုင်မှု စံနှုန်းများနှင့် လိုအပ်ချက်များကို ဖြည့်ဆည်းပေးသည့် Bootstrap ဖြင့် ဝဘ်ဆိုက်များနှင့် အက်ပ်လီကေးရှင်းများကို ဖန်တီးရန် ပြီးပြည့်စုံစွာ ဖြစ်နိုင်သင့်ပါသည် ။

ဖွဲ့စည်းပုံ စျေးတက်ခြင်း။

Bootstrap ၏ပုံစံနှင့် အပြင်အဆင်ကို ကျယ်ပြန့်သော markup တည်ဆောက်ပုံများတွင် အသုံးချနိုင်သည်။ ဤစာရွက်စာတမ်းသည် Bootstrap ကိုယ်တိုင်အသုံးပြုမှုကို သရုပ်ပြရန်နှင့် ဖြစ်နိုင်ချေရှိသော သုံးစွဲနိုင်မှုဆိုင်ရာစိုးရိမ်မှုများကို ဖြေရှင်းနိုင်သည့်နည်းလမ်းများအပါအဝင် သင့်လျော်သောအသုံးအနှုန်းများကို သရုပ်ပြရန်အတွက် developer များအား အကောင်းဆုံးအလေ့အကျင့်နမူနာများပေးရန် ရည်ရွယ်ပါသည်။

အပြန်အလှန်အကျိုးပြုသော အစိတ်အပိုင်းများ

Bootstrap ၏ အပြန်အလှန်အကျိုးပြုသော အစိတ်အပိုင်းများ—ဥပမာ modal dialogs၊ dropdown menus နှင့် custom tooltips—touch, mouse နှင့် keyboard အသုံးပြုသူများအတွက် အလုပ်လုပ်ရန် ဒီဇိုင်းထုတ်ထားပါသည်။ သက်ဆိုင်ရာ WAI - ARIA အခန်းကဏ္ဍများနှင့် ရည်ညွှန်းချက်များကို အသုံးပြုခြင်းအားဖြင့်၊ ဤအစိတ်အပိုင်းများသည် အထောက်အကူပြုနည်းပညာများ (ဖန်သားပြင်ဖတ်သူများကဲ့သို့) ကို အသုံးပြု၍ နားလည်နိုင်ပြီး လုပ်ဆောင်နိုင်သင့်ပါသည်။

Bootstrap ၏ အစိတ်အပိုင်းများကို သာလွန်ကောင်းမွန်စေရန် ရည်ရွယ်ပြီး ဒီဇိုင်းထုတ်ထားခြင်းဖြစ်သောကြောင့် စာရေးဆရာများသည် ၎င်းတို့၏ အစိတ်အပိုင်း၏ သဘောသဘာဝနှင့် လုပ်ဆောင်နိုင်စွမ်းကို ပိုမိုတိကျစွာဖော်ပြရန် နောက်ထပ် ARIA အခန်းကဏ္ဍများနှင့် အရည်အချင်းများအပြင် JavaScript အပြုအမူများပါ ထည့်သွင်းရန် လိုအပ်ပါသည်။ ဤသည်ကို စာရွက်စာတမ်းများတွင် မှတ်သားလေ့ရှိသည်။

အရောင်ခြားနားမှု

လက်ရှိ Bootstrap ၏မူလ palette တွင်ပါဝင်သည့် အရောင်အများစု—ခလုတ်ပြောင်းလဲမှုများ၊ သတိပေးချက်ပုံစံကွဲလွဲမှုများ၊ ပုံစံမှန်ကန်မှုအညွှန်းများကဲ့သို့သော အရာများအတွက် ဘောင်တစ်လျှောက်တွင်အသုံးပြုသည့် အရောင်အများစု—သည် အရောင်ခြားနားမှု မလုံလောက်ခြင်း (အကြံပြုထားသည့် WCAG 2.0 ၏အရောင်ခြားနားမှုအချိုး 4.5:1 အောက်တွင် ) ကိုအသုံးပြုသည့်အခါတွင် အသုံးပြုသည် ။ အလင်းနောက်ခံ။ လုံလောက်သောအရောင်ခြားနားမှုအချိုးများကိုသေချာစေရန် စာရေးသူများသည် ဤပုံသေအရောင်များကို ကိုယ်တိုင်မွမ်းမံ/တိုးချဲ့ရန် လိုအပ်မည်ဖြစ်ပါသည်။

အမြင်အာရုံဖြင့် ဝှက်ထားသော အကြောင်းအရာ

အမြင်ဖြင့် ဝှက်ထားသင့်သော်လည်း စခရင်ဖတ်သူများကဲ့သို့ အထောက်အကူနည်းပညာများတွင် ဆက်လက်အသုံးပြုနိုင်မည့် အကြောင်းအရာကို .sr-onlyအတန်းကို အသုံးပြု၍ ပုံစံသတ်မှတ်နိုင်သည်။ အမြင်အာရုံမဟုတ်သော အသုံးပြုသူများထံသို့ ထပ်လောင်းမြင်သာသောအချက်အလက်များ သို့မဟုတ် အရိပ်အမြွက်များ (အရောင်အသုံးပြုခြင်းအားဖြင့် အဓိပ္ပာယ်ဖော်ပြသည့်ကဲ့သို့သော) တွင် ၎င်းသည် အသုံးဝင်နိုင်သည် ။

<p class="text-danger">
  <span class="sr-only">Danger: </span>
  This action is not reversible
</p>

သမားရိုးကျ “skip” လင့်ခ်များကဲ့သို့ အမြင်အာရုံဖြင့် လျှို့ဝှက်ထားသော အပြန်အလှန်တုံ့ပြန်ထိန်းချုပ်မှုများကို အတန်းအစား .sr-onlyနှင့် ပေါင်းစပ်နိုင်သည် .sr-only-focusable။ ၎င်းသည် ထိန်းချုပ်မှုကို အာရုံစိုက်ပြီးသည်နှင့် (မြင်ရသည့် ကီးဘုတ်အသုံးပြုသူများအတွက်) ကို သေချာစေမည်ဖြစ်သည်။

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

နောက်ထပ်အရင်းအမြစ်များ