اپنے رنگ چیک کریں
رنگوں کے امتزاج کو جانچیں تاکہ یہ یقینی بنایا جا سکے کہ وہ متن کی پڑھنے کی صلاحیت کے لیے WCAG رسائی کے معیارات پر پورا اترتے ہیں۔
موازنہ کیا گیا: #000000 پس منظر #B6765B پر
متن
16px، عام (400)
عام متن کے طور پر شمار ہوگا۔
AA (WCAG 1.4.3): کم از کم 4.5:1
پاسAAA (WCAG 1.4.6): کم از کم 7:1
1.27 اور درکار ہے
ناکام
UI اجزاء اور گرافکس
آئیکن، ان پٹ بارڈر، فوکس انڈیکیٹرز اور دیگر وہ حصے جنہیں انٹرفیس استعمال کرنے کے لیے دیکھنا ضروری ہوتا ہے۔
AA (WCAG 1.4.11): کم از کم 3:1
پاس
یہ کیسے جانچا جاتا ہے
- موازنہ شدہ رنگ (ملانے کے بعد)
- متن #000000، پس منظر #B6765B
- نسبتی روشنی
- متن 0.0000، پس منظر 0.2365
- فارمولہ
- (L1 + 0.05) / (L2 + 0.05) جہاں L1 روشن رنگ کی روشنی ہے اور L2 تاریک رنگ کی روشنی ہے۔
- عین تناسب
- 5.7314 سے 1، دکھایا گیا بطور 5.73 سے 1. دکھایا گیا عدد کاٹا جاتا ہے، اسے گول نہیں کیا جاتا، اس لیے یہ کبھی بہتر نظر نہیں آتا. عین قدر وہی ہے جس کا تقابل ضرورت کے ساتھ کیا جاتا ہے.
متن کا سائز: 16px، عام (400)
عام متن کے طور پر شمار ہوگا۔ بڑا متن کم از کم 24px (18pt) ہوتا ہے، یا بولڈ ہونے پر (وزن 700 یا اس سے زیادہ) کم از کم 18.67px (14pt) ہوتا ہے۔ سائز دکھاتے وقت کاٹے جاتے ہیں، گرد نہیں کیے جاتے۔
عام متن کے طور پر شمار ہوگا۔ بڑا متن کم از کم 24px (18pt) ہوتا ہے، یا بولڈ ہونے پر (وزن 700 یا اس سے زیادہ) کم از کم 18.67px (14pt) ہوتا ہے۔ سائز دکھاتے وقت کاٹے جاتے ہیں، گرد نہیں کیے جاتے۔
چست بھورا لومڑی سست کتے پر چھلانگ لگاتا ہے
چھوٹے متن کی مثال (12px)
WCAG معیارات
لیول AA
عام متن کے لیے کم از کم تضاد تناسب 4.5:1 اور بڑے متن کے لیے 3:1۔ زیادہ تر ویب سائٹس کے لیے ضروری ہے۔
لیول AAA
عام متن کے لیے 7:1 کا بڑھا ہوا تضاد تناسب اور بڑے متن کے لیے 4.5:1۔ بہترین رسائی کے لیے سفارش کی گئی۔
رنگ تضاد چیکر
متن اور پس منظر کے رنگوں کے کنٹراسٹ تناسب کا حساب لگائیں۔
متن اور پس منظر کے رنگ کے لیے کلر پکر استعمال کریں یا رنگ کو RGB ہیکساڈیسیمل فارمیٹ میں داخل کریں (مثلاً، #259 یا #2596BE)۔ رنگ منتخب کرنے کے لیے سلائیڈر کو ایڈجسٹ کریں۔ ویب مواد تک رسائی کے رہنما اصول (WCAG) خاص رہنما خطوط رکھتے ہیں تاکہ یہ معلوم ہو سکے کہ آیا نظر والوں کے لیے متن پڑھنے کے قابل ہے۔ یہ معیار خاص الگورتھم استعمال کرتا ہے تاکہ رنگ امتزاج کو قابل موازنہ تناسب میں نقشہ بنائے۔ اس فارمولے کو استعمال کرتے ہوئے، WCAG بیان کرتا ہے کہ ایک 4.5:1 کلر تضاد تناسب متن اور اس کے پس منظر کے ساتھ عام (جسم) متن کے لیے کافی ہے، اور بڑا متن (18+ پوائنٹ عام، یا 14+ پوائنٹ بولڈ) کا کم از کم 3:1 کلر تضاد تناسب ہونا چاہیے۔
اہم خصوصیات
- حقیقی وقت میں تضاد تناسب کی کیلکولیشن
- WCAG AA & AAA کی تعمیل کی جانچ
- باریک بینی کے لیے HSL سلائیڈرز
- متعدد پیش نظارہ فارمیٹس
جدید ٹولز
- خودکار رنگ کی درستگی
- ٹیکسٹ اور پس منظر کے نمونے
- رنگ کے نام کی شناخت
- نتائج برآمد کریں