وړیا د WCAG رنگ کنټراست چیک کوونکی

دا څنګه کار کوي

کنتراست ازموینه بشپړ ستاسو براوزر کې د WCAG 2.1 نسبتي روښنایي الگوریتم سره چلیږي — هیڅ کتابتون، هیڅ سرور، یوازې لاسي-لیکل شوی ریاضي چې مشخصات دقیقاً تعقیبوي. هره پایله ریښتینې وخت کې تازه کیږي کله چې تاسو ولیکئ یا یو رنګ وټاکئ.

1. 1
   هیکس ننوت او نارمل کول

   دواړه 3-عددي (#abc) او 6-عددي (#aabbcc) هیکس ارزښتونه منل کیږي او بشپړو RGB درویشتوکو ته نارمل کیږي. ناسم ننوت سملاسي رد کیږي پرځای د دې چې خاموش ډول تور ته پرېوځي، نو یو سور رپرې ښکاري پرځای د یوه گمراه‌کوونکي پاس پایلې.
2. 2
   WCAG روښنایي محاسبه

   هر رنګ نسبتي روښنایي ته د WCAG 2.1 فورمول سره بدلیږي: sRGB چینل ارزښتونه د یوه ټوټه‌ایز ګاما اصلاح سره خطي کیږي (12.92 لاندې 0.03928 نه ووېشل، پورته یې د 2.4 قوت ته پورته شوي)، بیا د 0.2126R + 0.7152G + 0.0722B وزن شوي.
3. 3
   کنتراست تناسب او تطبیق ازموینې

   کنتراست تناسب د (lighter + 0.05) / (darker + 0.05) په توګه محاسبه کیږي او ټولو پنځو WCAG حدونو سره چیک کیږي: AA نارمل متن (4.5:1)، AA لوی متن (3:1)، AAA نارمل متن (7:1)، AAA لوی متن (4.5:1)، او UI برخې (3:1). پایلې هر کیسټروک سره تازه کیږي.
4. 4
   رنګ-پرمختګ ساتونکي اصلاح وړاندیزونه

   کله چې جوړه WCAG AA کې پاتې راشي، وسیله د HSL روښنایي فضا لټوي — د اصلي روښنایي نه دواړو لورو ته قدم اخیستل — ترڅو هر رنګ نږدې بدیل ومومي چې 4.5:1 پاس شي پداسې حال کې چې ورته رنګ‌پرمختګ او مینه ساتي. EyeDropper API (Chromium) هم شتون لري ترڅو هر رنګ مستقیم ستاسو پردې نه نمونه واخلي.

اړوندې وسیلې