အရောင် အလင်းအမှောင် စစ်ဆေးခြင်း

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

1.00:1
ဆန့်ကျင်ဘက်
Fail
အရမ်းဆင်းရဲတယ်။

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

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

ကြီးမားသောစာသား

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#32a20d

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

Aa

ခေါင်းစဉ်ကို အစမ်းကြည့်ပါ။

လျင်မြန်သော အညိုရောင် မြေခွေးသည် ပျင်းရိသော ခွေးကို ခုန်ချသည်။

သေးငယ်သော စာသားနမူနာ (12px)

စာသား
#000000
နောက်ခံ
#32a20d

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

Level AA

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

Level AAA

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

စာသားအရွယ်အစားအားလုံးအတွက် ခြားနားမှု မကောင်းပါ။

အရောင် အလင်းအမှောင် စစ်ဆေးခြင်း

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

စာသားနှင့် နောက်ခံအရောင်အတွက် အရောင်ရွေးချယ်မှုအား အသုံးပြုကာ အရောင်တစ်ခုကို ရွေးချယ်ပါ သို့မဟုတ် အရောင်တစ်ခုကို RGB ဆယ်ဂဏန်းဂဏန်းဖော်မတ် (ဥပမာ၊ #259 သို့မဟုတ် #2596BE) တွင်ထည့်ပါ။ အရောင်ရွေးချယ်ရန် slider ကိုချိန်ညှိနိုင်သည်။ Web Content Accessibility Guidelines (WCAG) တွင် စာသားကို မြင်ဖူးသူတိုင်း ဖတ်နိုင်သည်ဆိုသည်ကို အဖြေရှာရန် တိကျသော လမ်းညွှန်ချက်တစ်ခု ရှိသည်။ ဤသတ်မှတ်ချက်များသည် အရောင်ပေါင်းစပ်မှုများကို နှိုင်းယှဉ်နိုင်သော အချိုးများအဖြစ် ပုံဖော်ရန် သီးခြား algorithm တစ်ခုကို အသုံးပြုသည်။ ဤဖော်မြူလာကို အသုံးပြု၍ WCAG သည် စာသားနှင့် 4.5:1 အရောင်ခြားနားမှုအချိုးအစားနှင့် ၎င်း၏နောက်ခံသည် ပုံမှန် (ကိုယ်ထည်) စာသားအတွက် လုံလောက်ပြီး ကြီးမားသောစာသား (18+ pt ပုံမှန် သို့မဟုတ် 14+ pt bold) အနည်းဆုံး 3 ရှိသင့်သည်- အရောင်ခြားနားမှုအချိုး 1 ။

အဓိကအင်္ဂါရပ်များ

  • အချိန်နှင့်တပြေးညီ ဆန့်ကျင်ဘက်အချိုးအစား တွက်ချက်ခြင်း။
  • WCAG AA & AAA လိုက်နာမှု စစ်ဆေးခြင်း။
  • ချိန်ညှိခြင်းအတွက် HSL sliders
  • အစမ်းကြည့်ဖော်မတ်များစွာ

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

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