Contrast စစ်ဆေးကိရိယာ
WCAG contrast အချိုးနှင့် မည်သည့် AA နှင့် AAA အဆင့်များ အောင်မြင်သည်ကို ကြည့်ရှုရန် စာသားနှင့် နောက်ခံအရောင်ကို ထည့်သွင်းပါ။
စစ်ဆေးမှုတိုင်းသည် သင့်ဘရောက်ဆာထဲတွင်သာ လုပ်ဆောင်ခြင်းဖြစ်သည်။ သင်ထည့်သွင်းသမျှကို BroBroGo သို့ တင်ပို့မည်မဟုတ်ပါ။
အမေးအဖြေ
AA နှင့် AAA ရလဒ်များက ဘာကို ဆိုလိုသနည်း။
AA သည် ဝဘ်ဆိုက်အများစု ရည်မှန်းထားသည့် အဆင့်ဖြစ်သည်- ၎င်းသည် သာမန်စာသားအတွက် အနည်းဆုံး 4.5:1 နှင့် စာသားအကြီးအတွက် 3:1 အချိုး လိုအပ်သည်။ AAA သည် ပိုမိုတင်းကျပ်သည် — သာမန်စာသားအတွက် 7:1 နှင့် စာသားအကြီးအတွက် 4.5:1 ဖြစ်သည်။ အချိုးသည် 1:1 (ကွဲပြားခြားနားမှုမရှိ) မှ 21:1 (အဖြူပေါ်တွင် အနက်) အထိ ရှိသည်။
မည်သည့်အရာကို စာသားအကြီးအဖြစ် သတ်မှတ်သနည်း။
18pt (24px ခန့်) သို့မဟုတ် စာလုံးအထူဖြစ်ပါက 14pt (18.5px ခန့်) မှစတင်သော စာသားများဖြစ်သည်။ ပိုမိုကြီးမားသော စာသားများသည် ကွဲပြားခြားနားမှုနည်းသော်လည်း ဖတ်ရှုနိုင်ဆဲဖြစ်သောကြောင့် ပိုမိုတင်းကျပ်သော သာမန်စာသားသတ်မှတ်ချက်များအစား AA တွင် 3:1 နှင့် AAA တွင် 4.5:1 ဖြင့် အောင်မြင်သည်။
မည်သည့် အရောင်ဖော်မတ်များကို ထည့်သွင်းနိုင်သနည်း။
#1a1a1a ကဲ့သို့ hex တန်ဖိုး၊ rgb(26, 26, 26) ကဲ့သို့ rgb() တန်ဖိုး သို့မဟုတ် hsl() တန်ဖိုးကို ရိုက်ထည့်ပါ — သို့မဟုတ် အရောင်ရွေးချယ်ရန် swatch တစ်ခုခုကို နှိပ်ပါ။ စာသားနှင့် နောက်ခံအရောင်များကို အပြန်အလှန်ပြောင်းရန် swap ခလုတ်ကို အသုံးပြုပါ။
၎င်းသည် WCAG 2 လား သို့မဟုတ် ပိုမိုသစ်လွင်သော APCA နည်းလမ်းလား။
၎င်းသည် ယနေ့ခေတ် သုံးစွဲနိုင်မှုဆိုင်ရာ စည်းမျဉ်းများနှင့် စစ်ဆေးမှုများတွင် ကိုးကားအသုံးပြုနေသည့် WCAG 2.1 / 2.2 ဖော်မြူလာကို အသုံးပြုထားသည်။ APCA သည် WCAG 3 အတွက် ရေးဆွဲဆဲဖြစ်သော ပိုမိုအမြင်အာရုံခံစားမှုအပေါ် အခြေခံသည့် နည်းလမ်းသစ်တစ်ခုဖြစ်သည် — မျှော်လင့်ချက်ရှိသော်လည်း လိုက်နာရမည့် စံနှုန်းတစ်ခု မဟုတ်သေးသောကြောင့် ဤနေရာရှိ အောင်မြင်မှုရလဒ်များတွင် ၎င်းကို အသုံးမပြုပါ။