အခမဲ့ WCAG အရောင်ကွာဟချက်စစ်ဆေးစက်

မည်သို့ အလုပ်လုပ်သည်

Contrast စစ်ဆေးမှုသည် WCAG 2.1 relative luminance algorithm ကို သုံး၍ သင့် browser ထဲတွင် လုံးဝ လုပ်ဆောင်ပါသည် — library၊ server မပါဝင်ဘဲ spec ကို အတိအကျ လိုက်နာသော ကိုယ်တိုင်ရေးထားသော ဂဏန်းသင်္ချာသာဖြစ်သည်။ ရလဒ်တိုင်းသည် သင်ရိုက်သည် (သို့) အရောင်ရွေးချယ်သည်နှင့်အမျှ အချိန်နှင့်တပြေးညီ update ဖြစ်သည်။

1. 1
   Hex input နှင့် normalization

   3-digit (#abc) နှင့် 6-digit (#aabbcc) hex တန်ဖိုးနှစ်မျိုးစလုံးကို လက်ခံပြီး RGB triple အပြည့်အစုံအဖြစ် normalize လုပ်သည်။ မမှန်ကန်သော input ကို အမည်းရောင်သို့ တိတ်တဆိတ် default မလုပ်ဘဲ ချက်ချင်း ငြင်းပယ်သဖြင့် အနီရောင် border ပေါ်လာပြီး မှားယွင်းသော pass ရလဒ် ပေါ်လာခြင်းကို ရှောင်ရှားသည်။
2. 2
   WCAG luminance တွက်ချက်မှု

   အရောင်တစ်ခုစီကို WCAG 2.1 ဖော်မြူလာ — sRGB channel တန်ဖိုးများကို piecewise gamma correction (0.03928 အောက်တွင် 12.92 ဖြင့် စား၊ ၎င်းအထက်တွင် 2.4 power ထပ်ကိန်း) ဖြင့် linearize လုပ်ပြီး 0.2126R + 0.7152G + 0.0722B ဖြင့် weight ချမည် — ကို သုံး၍ relative luminance အဖြစ် ပြောင်းလဲသည်။
3. 3
   Contrast ratio နှင့် compliance စစ်ဆေးမှုများ

   Contrast ratio ကို (lighter + 0.05) / (darker + 0.05) အဖြစ် တွက်ချက်ပြီး WCAG threshold ငါးမျိုးစလုံး — AA ရိုးရိုးစာသား (4.5:1)၊ AA ကြီးမားသောစာသား (3:1)၊ AAA ရိုးရိုးစာသား (7:1)၊ AAA ကြီးမားသောစာသား (4.5:1)၊ UI component (3:1) — နှင့် နှိုင်းယှဉ် စစ်ဆေးသည်။ Keystroke တိုင်းတွင် ရလဒ် update ဖြစ်သည်။
4. 4
   Hue ထိန်းသိမ်းထားသော ပြင်ဆင်ချက် အကြံပြုချက်များ

   Pair သည် WCAG AA တွင် မအောင်မြင်ပါက ကိရိယာသည် HSL lightness space တွင် — မူရင်း lightness မှ ဘက်နှစ်ဖက်စလုံးသို့ အဆင့်ဆင့် တက်ကာ — hue နှင့် saturation ကို တူညီစေဆဲ 4.5:1 အောင်မြင်မည့် အရောင်တစ်ခုစီ၏ အနီးစပ်ဆုံး မူကွဲကို ရှာဖွေသည်။ EyeDropper API (Chromium) ကိုလည်း သင့်ဖန်သားပြင်မှ မည်သည့်အရောင်ကိုမဆို တိုက်ရိုက် sample ယူရန် သုံးနိုင်သည်။

ဆက်နွှယ်သော ကိရိယာများ