အရောင်ဖြင့် ကွဲပြားမှု (Contrast) စစ်ဆေးစက်
စာသားအရောင်နှင့် နောက်ခံအရောင်၏ ကွဲပြားမှုအချိုးနှင့် ဖတ်ရှုရလွယ်ကူမှု စံနှုန်း (WCAG AA) အောင်/ကျရှုံးမှုကို ချက်ချင်းစစ်ဆေးပါ
ထူးခြားချက်များ
ကွဲပြားမှုအချိုးကို ချက်ချင်းစစ်ဆေးခြင်း
စာသားအရောင်နှင့် နောက်ခံအရောင်ကို ထည့်သွင်းရုံဖြင့် WCAG AA ၏ အောင်/ကျရှုံးမှုကို ပြသသည်
ရွေးချယ်ကိရိယာနှင့် ကုဒ် နှစ်မျိုးလုံး ပံ့ပိုးမှု
HEX၊ အတိုကောက်ပုံစံ၊ rgb() ကူးထည့်ခြင်းနှင့် အရောင်ရွေးချယ်ခြင်းဖြင့် သတ်မှတ်နိုင်သည်
အရွယ်အစား ၂ မျိုး နမူနာပြသမှု
သာမန်စာသားနှင့် ခေါင်းစဉ်၏ အမှန်တကယ် ပေါ်ပုံကို ချက်ချင်းစစ်ဆေးနိုင်သည်
အောင်မြင်သည့်အရောင်ကို တစ်ချက်နှိပ်
အရောင်သွေးကို မပြောင်းဘဲ အလင်းအမှောင်ကို ပြောင်းထားသော အကြံပြုအရောင်ကို ချက်ချင်းအသုံးချနိုင်သည်
အသုံးပြုနည်း
စာသားအရောင် သတ်မှတ်ခြင်း
အရောင်ရွေးချယ်ကိရိယာဖြင့် ရွေးချယ်ရန် သို့မဟုတ် #333333 / #333 / rgb(51, 51, 51) ပုံစံတစ်ခုခုဖြင့် အရောင်ကုဒ်ကို ထည့်သွင်းပါ
နောက်ခံအရောင် သတ်မှတ်ခြင်း
အလားတူနည်းလမ်းဖြင့် နောက်ခံအရောင်ကို သတ်မှတ်ပါ။ ခလုတ်မနှိပ်ရဘဲ ထည့်သွင်းသည်နှင့်တပြိုင်နက် ရလဒ်ကို အသစ်ပြင်ဆင်ပေးသည်
အချိုး၊ အောင်/ကျရှုံးမှု၊ နမူနာကို စစ်ဆေးခြင်း
ကွဲပြားမှုအချိုး၊ သာမန်စာသားနှင့် ကြီးမားသောစာသား၏ အောင်/ကျရှုံးမှု၊ အကြိမ်တစ်ခုအကဲဖြတ်ချက်၊ နမူနာစာသား၏ ပေါ်ပုံကို စစ်ဆေးပါ
အကြံပြုအရောင်ကို အသုံးချပြီး ပြန်လည်စစ်ဆေးခြင်း
ကျရှုံးပါက「စာသားအရောင်ကို … သို့ ပြောင်းပါ」စသည့် အကြံပြုခလုတ်ဖြင့် အောင်မြင်သည့်အရောင်ကို အသုံးချပါ။ အပြန်အလှန်ပြောင်းခလုတ်ဖြင့် စာသားအရောင်နှင့် နောက်ခံအရောင်ကို လဲလှယ်နိုင်သည်
အသုံးချပုံနမူနာများ
စလိုက်(Slide)/စာရွက်စာတမ်းများ၏ အရောင်ပေါင်းစပ်မှု စစ်ဆေးခြင်း
အဖွဲ့အစည်းအတွင်းစာရွက်စာတမ်းများနှင့် စလိုက်များ၏ စာသားအရောင်နှင့် နောက်ခံအရောင် ဖတ်ရှုနိုင်မှုရှိမရှိကို ပြုလုပ်ခြင်းမတိုင်မီ စစ်ဆေးသည်
ဝက်ဘ်ဆိုက်၏ အရောင်ပေါင်းစပ်မှု စစ်ဆေးခြင်း
ဆိုက်နှင့် ဘန်နာများ၏ အရောင်ပေါင်းစပ်မှုသည် အသုံးပြုနိုင်မှုစံနှုန်း (WCAG AA) နှင့် ကိုက်ညီမှုရှိမရှိ စစ်ဆေးသည်
ကုန်အမှတ်တံဆိပ်အရောင်ကို စာသားတွင် အသုံးပြုရန် ဆုံးဖြတ်ခြင်း
ကုန်အမှတ်တံဆိပ်အရောင်ကို စာသားအရောင်အဖြစ် အသုံးပြုသည့်အခါ မည်မျှအထိ ရင့်နေအောင်ပြုလုပ်မှ စာသားတွင်သုံးနိုင်မည်ကို ဆုံးဖြတ်သည်
ကျရှုံးသော အရောင်ပေါင်းစပ်မှုကို ပြုပြင်ခြင်း
ညွှန်ပြထားသော အရောင်ပေါင်းစပ်မှုကို အရောင်သွေးမပြောင်းဘဲ အောင်မြင်သော အရောင်သို့ ပြုပြင်သည်
အခြေခံအသိပညာ
ကွဲပြားမှုအချိုးဆိုသည်မှာ
ကွဲပြားမှုအချိုးသည် စာသားအရောင်နှင့် နောက်ခံအရောင်၏ အလင်းအမှောင်ကွာခြားမှုကို 1 : 1 မှ 21 : 1 အထိ ကိန်းဂဏန်းဖြင့် ဖော်ပြသော တိုင်းတာမှုဖြစ်သည်။ အနက်ရောင်နှင့် အဖြူရောင်ပေါင်းစပ်မှုသည် အများဆုံး 21 : 1 ဖြစ်ပြီး၊ အရောင်တူညီသောအဆက်များသည် အနည်းဆုံး 1 : 1 ဖြစ်သည်။
- တွက်ချက်ပုံ ယန္တရား：ကွဲပြားမှုအချိုးသည် အရောင်နှစ်ခုကို sRGB ၏ ဆွေမျိုးတောက်ပမှု (Relative Luminance) အဖြစ် ပြောင်းလဲပြီး၊ ပိုတောက်ပသောတန်ဖိုးနှင့် ပိုမှောင်သောတန်ဖိုးတစ်ခုစီတွင် 0.05 ကို ပေါင်းထည့်ကာ စားထားသောတန်ဖိုးဖြစ်သည်။
- ကိန်းဂဏန်း အကြမ်းဖျင်း：အဖြူရောင် နောက်ခံ (#FFFFFF) ကို ရည်ညွှန်းပါက၊ မီးခိုးရောင် #777777 သည် 4.47 : 1၊ #999999 သည် 2.84 : 1၊ အနက်ရောင် (#000000) သည် 21 : 1 ကွဲပြားမှုအချိုးဖြစ်သည်။
WCAG ၏ AA နှင့် AAA အကွာခြား
WCAG သည် ဝက်ဘ်အကြောင်းအရာများ၏ အသုံးပြုနိုင်မှုနှင့်ပတ်သက်သော နိုင်ငံတကာ လမ်းညွှန်ချက်ဖြစ်ပြီး၊ ကွဲပြားမှုအချိုး၏ အောင်မြင်မှုစံကို AA နှင့် AAA ဟူ၍ အဆင့် ၂ ဆင့် သတ်မှတ်ထားသည်။
- AA (စံပြနှုန်း)：AA သည် သာမန်စာသားအတွက် 4.5 : 1 အထက်၊ ကြီးမားသောစာသားအတွက် 3.0 : 1 အထက်ကို တောင်းဆိုသော စံနှုန်းဖြစ်ပြီး၊ ယေဘုယျဝက်ဘ်ဆိုက်များ ပန်းတိုင်ထားသည့် စံနှုန်းဖြစ်သည်။
- AAA (ပိုမိုတင်းကျပ်သောစံနှုန်း)：AAA သည် သာမန်စာသားအတွက် 7 : 1 အထက်၊ ကြီးမားသောစာသားအတွက် 4.5 : 1 အထက်ကို တောင်းဆိုသော စံနှုန်းဖြစ်ပြီး၊ အမြင်အားနည်းသူများအတွက်ပါ ဖတ်ရှုလွယ်ကူစေရန် ရည်ရွယ်သော စံနှုန်းဖြစ်သည်။
ကြီးမားသောစာသား၏ အဓိပ္ပါယ်ဖွင့်ဆိုချက်
WCAG ၏ ကြီးမားသောစာသားဆိုသည်မှာ ခန့်မှန်းခြေ 18 ပွိုင့် (24px) အထက် သို့မဟုတ် စာလုံးထူဖြင့် 14 ပွိုင့် (ခန့်မှန်းခြေ 18.7px) အထက် စာသားကို ဆိုလိုသည်။
- သာမန်စာသား：သာမန်စာသားသည် ကြီးမားသောစာသားနှင့် မကိုက်ညီသော အရွယ်အစားရှိသော စာသားဖြစ်ပြီး၊ စာသားကိုယ်ထည်နှင့် မှတ်ချက်စသော ဖတ်ရှုရန်အကြောင်းအရာများ ပါဝင်ကာ 4.5 : 1 အထက် ကွဲပြားမှုအချိုး လိုအပ်သည်။
- ခေါင်းစဉ်နှင့်ဆက်စပ်မှု：ခေါင်းစဉ်ဖြစ်စေကာမူ 24px အောက်ဖြစ်ပြီး စာလုံးမထူပါက သာမန်စာသားအဖြစ် သတ်မှတ်ခံရသောကြောင့်၊ အရွယ်အစားသာမက စာလုံးထူမှုကိုပါ စစ်ဆေးရန်လိုအပ်သည်။
လုံခြုံမှုနှင့် ကိုယ်ရေးကိုယ်တာအချက်အလက်
ဘရောက်ဆာ အတွင်းသာ ပြီးစီးသည်
ထည့်သွင်းသော ဒေတာကို သင့်ဘရောက်ဆာ အတွင်းသာ လုပ်ဆောင်ပြီး ပြင်ပသို့ မပေးပို့ပါ။
ဘရောက်ဆာ အတွင်းသာ လုပ်ဆောင်သည်
ကွဲပြားမှုအချိုးတွက်ချက်ခြင်းနှင့် အရောင်အကြံပြုချက် အားလုံးကို သင့်ဘရောက်ဆာ အတွင်းသာ လုပ်ဆောင်ပြီး ထည့်သွင်းသောဒေတာကို ဆာဗာသို့ မပေးပို့ပါ။
ဆက်သွယ်မှုကို HTTPS ဖြင့် ကုဒ်ဝှက်သည်
စာမျက်နှာ ဖွင့်ခြင်းကိုလည်း TLS ဖြင့် ကုဒ်ဝှက်ထားပြီး တတိယပုဂ္ဂိုလ်မှ အကြောင်းအရာ ဖတ်ရှုနိုင်မည် မဟုတ်ပါ။
တတိယပုဂ္ဂိုလ်သို့ မပေးပို့ပါ
ကြော်ငြာကွန်ရက်များ၊ ခြေရာခံကိရိယာများနှင့် ပြင်ပဝန်ဆောင်မှုများသို့ ထည့်သွင်းသောအကြောင်းအရာကို မပေးပို့ပါ။
ရလဒ်ကို အလိုအလျောက် မသိမ်းဆည်းပါ
ထည့်သွင်းထားသော စာသားအရောင်နှင့် နောက်ခံအရောင် နှင့် ထည့်သွင်းသောအကြောင်းအရာများကို ဆာဗာတွင် မသိမ်းဆည်းပါ။
Google ရှာဖွေမှုတွင် RAKKOTOOLS ကို စောင့်ကြည့်ပါ
အသုံးဝင်သော ကိရိယာ 194 ခုကို Google ရှာဖွေမှုနှင့် AI ရှာဖွေမှုမှ ပိုမိုရှာဖွေတွေ့ရှိနိုင်ပါပြီ!
- ရှာဖွေမှုတွင် တွေ့ရှိနိုင်သည်
- AI ရှာဖွေမှုတွင်လည်း ပြသသည်
- ကိရိယာအသစ်များလည်း တွေ့ရှိရသည်
အပ်ဒိတ် အချက်အလက်
- update #337
ကွန်ထရပ်နှုန်း စစ်ဆေးကိရိယာ ထည့်သွင်းပြီး၊ စာလုံးအရောင်နှင့် နောက်ခံအရောင်၏ ဖတ်ရလွယ်ကူမှုကို အကဲဖြတ်နိုင်