သင့်အရောင်များကို စစ်ဆေးပါ
WCAG ဝင်ရောက်နိုင်မှု စံနှုန်းများနှင့် ကိုက်ညီရန် အရောင်ပေါင်းစပ်မှုများကို စမ်းသပ်ပါ။
နှိုင်းယှဉ်ထားသည်: #000000 ပေါ်တွင် #2596BE
စာသား
16px, ပုံမှန် (400)
ပုံမှန် စာသားအဖြစ်တွက်ချက်ပါသည်။
AA (WCAG 1.4.3): အနည်းဆုံး 4.5:1
အောင်မြင်AAA (WCAG 1.4.6): အနည်းဆုံး 7:1
0.82 ပိုလိုပါသည်
မအောင်မြင်
UI ကွက်လပ်များနှင့် ဂရပ်ဖစ်များ
အိုင်ကွန်များ၊ ထည့်သွင်းမှုအကွက်၏ အနားများ၊ ဖိုကပ်ပြသူများနှင့် မျက်နှာပြင်ကို အသုံးပြုရန် မြင်ရမည့် အခြားအစိတ်အပိုင်းများ။
AA (WCAG 1.4.11): အနည်းဆုံး 3:1
အောင်မြင်
ဒီကို ဘာလိုနည်း အသုံးချထားလဲ
- နှိုင်းယှဉ်ထားသော အရောင်များ (ရောနှောပြီးနောက်)
- စာသား #000000 ပေါ်တွင် နောက်ခံ #2596BE
- ဆက်စပ်အလင်းတောက်ပမှု
- စာသား 0.0000, နောက်ခံ 0.2592
- ဖော်မြူလာ
- (L1 + 0.05) / (L2 + 0.05) ဤတွင် L1 သည် ပိုလင်းသောအရောင်၏ အလင်းတောက်ပမှုဖြစ်ပြီး L2 သည် ပိုမှောင်သောအရောင်၏ဖြစ်သည်။
- တိတိကျကျ အားကျပ်
- 6.1847 နှင့် 1၊ 6.18 နှင့် 1 အဖြစ် ပြသသည်။ ပြသထားသော တန်ဖိုးကို ဖြတ်ထားခြင်းဖြစ်ပြီး ဝိုင်းမထားပါ၊ ထို့ကြောင့် တကယ်ထက် ပိုကောင်းနေသယောင် မမြင်ရပါ။ လိုအပ်ချက်နှင့် နှိုင်းယှဉ်သည်မှာ တိကျသော တန်ဖိုးဖြစ်သည်။
စာလုံးအရွယ်: 16px, ပုံမှန် (400)
ပုံမှန် စာသားအဖြစ်တွက်ချက်ပါသည်။ ကြီးမားသော စာသားဆိုသည်မှာ အနည်းဆုံး 24px (18pt) ဖြစ်ရမည်၊ သို့မဟုတ် ထူလျှင် (အလေးချိန် 700 သို့မဟုတ် ထို့ထက်ပို) အနည်းဆုံး 18.67px (14pt) ဖြစ်ရမည်။ အရွယ်အစားများကို ဝိုင်းမထားဘဲ ဖြတ်၍ ပြသည်။
ပုံမှန် စာသားအဖြစ်တွက်ချက်ပါသည်။ ကြီးမားသော စာသားဆိုသည်မှာ အနည်းဆုံး 24px (18pt) ဖြစ်ရမည်၊ သို့မဟုတ် ထူလျှင် (အလေးချိန် 700 သို့မဟုတ် ထို့ထက်ပို) အနည်းဆုံး 18.67px (14pt) ဖြစ်ရမည်။ အရွယ်အစားများကို ဝိုင်းမထားဘဲ ဖြတ်၍ ပြသည်။
မြန်မြန်လေး ချောချောမွေ့မွေ့ သားကောင်က အိပ်ပျော်နေတဲ့ ခွေးကို ခုန်ကျော်သွားတယ်
အသေးစားစာသား နမူနာ (12px)
WCAG စံနှုန်းများ
အဆင့် AA
ပုံမှန်စာသားအတွက် အနည်းဆုံး 4.5:1 ကွဲပြားမှု အချိုးနှင့် အကြီးစားစာသားအတွက် 3:1 ကွဲပြားမှု အချိုး။ အများစုသော ဝဘ်ဆိုဒ်များအတွက် လိုအပ်သည်။
အဆင့် AAA
ပုံမှန်စာသားအတွက် 7:1 ကွဲပြားမှု အချိုးနှင့် အကြီးစားစာသားအတွက် 4.5:1 ကွဲပြားမှု အချိုး။ အကောင်းဆုံး ဝင်ရောက်နိုင်မှုအတွက် အကြံပြုသည်။
အရောင် ကွဲပြားမှု စစ်ဆေးသူ
စာသားနှင့် နောက်ခံအရောင်များ၏ ကွဲပြားမှု အချိုးကိုတွက်ချက်ပါ။
စာသားနှင့် နောက်ခံအရောင်အတွက် အရောင်ကို Color Picker သုံး၍ ရွေးချယ်ပါ သို့မဟုတ် RGB hexadecimal ပုံစံ (ဥပမာ #259 သို့မဟုတ် #2596BE) ဖြင့် အရောင်ကို ထည့်သွင်းပါ။ အရောင်ရွေးချယ်ရန် slider ကို ချိန်ညှိနိုင်သည်။ Web Content Accessibility Guidelines (WCAG) တွင် မြင်နိုင်သော အသုံးပြုသူများအတွက် စာသားကို ဖတ်ရှုနိုင်ရန် ကူညီရန် အထူးလမ်းညွှန်ချက်ရှိသည်။ ဤစံနှုန်းသည် အရောင်ပေါင်းစပ်မှုများကို နှိုင်းယှဉ်နိုင်သော အချိုးအစားများသို့ မြေပုံဆွဲရန် အထူးအယ်လဂိုရစ်သုံးသည်။ ဤဖော်မြူလာကို အသုံးပြု၍ WCAG သည် စာသားနှင့် ၎င်း၏ နောက်ခံအတွက် 4.5:1 အရောင် ကွဲပြားမှု အချိုးကို ပုံမှန် (ကိုယ်ခန္ဓာ) စာသားအတွက် လုံလောက်သည်ဟု ဖျော်ဖြေရန် ပြောကြားသည်။ အကြီးစားစာသား (18+ pt ပုံမှန် သို့မဟုတ် 14+ pt အထူ) သည် အနည်းဆုံး 3:1 အရောင် ကွဲပြားမှု အချိုးရှိရမည်။
အဓိကအင်္ဂါရပ်များ
- အချိန်နှင့်တပြေးညီ ကွဲပြားမှုအချိုးတွက်ချက်ခြင်း
- WCAG AA & AAA လိုက်နာမှုစစ်ဆေးခြင်း
- နူးညံ့မှုအတွက် HSL စလိုက်ဒါများ
- ကြိုတင်ကြည့်ရှုမှုပုံစံများစွာ
အဆင့်မြင့်ကိရိယာများ
- အလိုအလျောက်အရောင်ပြင်ခြင်း
- စာသားနှင့်နောက်ခံနမူနာများ
- အရောင်အမည်ရှာဖွေခြင်း
- ရလဒ်များကို ထုတ်ယူပါ