အရောင် ကွဲပြားမှု စစ်ဆေးခြင်း

နောက်ခံနှင့် အရှေ့ခံအရောင်များအကြား ကွဲပြားမှု အချိုးကို စမ်းသပ်၍ ဝင်ရောက်နိုင်မှုကို သေချာစေပါ။

1.00:1
ကွဲပြားမှု
Fail
အလွန် အားနည်း

ပုံမှန်စာသား

AA (4.5:1)
AAA (7:1)

အကြီးစားစာသား

AA (3:1)
AAA (4.5:1)
White
#ffffff
Sorbus
#fd7c07

အမြန်ပြင်ဆင်မှုများ

Aa

ကြိုတင်ကြည့်ရှုခေါင်းစဉ်

မြန်မြန်လေး ချောချောမွေ့မွေ့ သားကောင်က အိပ်ပျော်နေတဲ့ ခွေးကို ခုန်ကျော်သွားတယ်

အသေးစားစာသား နမူနာ (12px)

စာသား
#ffffff
နောက်ခံ
#fd7c07

WCAG စံနှုန်းများ

Level AA

ပုံမှန်စာသားအတွက် အနည်းဆုံး 4.5:1 ကွဲပြားမှု အချိုးနှင့် အကြီးစားစာသားအတွက် 3:1 ကွဲပြားမှု အချိုး။ အများစုသော ဝဘ်ဆိုဒ်များအတွက် လိုအပ်သည်။

Level AAA

ပုံမှန်စာသားအတွက် 7:1 ကွဲပြားမှု အချိုးနှင့် အကြီးစားစာသားအတွက် 4.5:1 ကွဲပြားမှု အချိုး။ အကောင်းဆုံး ဝင်ရောက်နိုင်မှုအတွက် အကြံပြုသည်။

စာသားအရွယ်အစားအားလုံးအတွက် ကွဲပြားမှုမလုံလောက်ပါ - WCAG စံချိန်များကို မပြည့်မီပါ။

အရောင် ကွာဟမှု စစ်ဆေးသူ

စာသားနှင့် နောက်ခံအရောင်များ၏ ကွဲပြားမှု အချိုးကိုတွက်ချက်ပါ။

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

အဆင့်မြင့်ကိရိယာများ

  • အလိုအလျောက်အရောင်ပြင်ခြင်း
  • စာသားနှင့်နောက်ခံနမူနာများ
  • အရောင်အမည်ရှာဖွေခြင်း
  • ရလဒ်များကို ထုတ်ယူပါ