مفت کنورٹر

رنگ کنٹراسٹ چیکر (WCAG)

WCAG AA اور AAA رسائی کی تعمیل کے لیے دو رنگوں کے درمیان تناسب کا تناسب چیک کریں۔ مفت، فوری، اور مکمل طور پر آپ کے براؤزر میں چلتا ہے۔

نمونہ متن - عام سائز

نمونہ چھوٹا متن — 14px

کنٹراسٹ ریشو:21.00:1
ڈبلیو سی اے جی اے اےعام متنپاس
ڈبلیو سی اے جی اے اےبڑا متنپاس
ڈبلیو سی اے جی اے اے اےعام متنپاس
ڈبلیو سی اے جی اے اے اےبڑا متنپاس

اس ٹول کے بارے میں

WCAG 2.1 رسائی کے رہنما خطوط کے مطابق پیش منظر کے متن اور پس منظر کے رنگوں کے درمیان رنگ کے تضاد کے تناسب کو چیک کریں۔ رنگوں کو ہیکس کوڈز، RGB اقدار، یا HSL اقدار کے طور پر درج کریں اور WCAG AA اور AAA کی تعمیل کے لیے عام اور بڑے ٹیکسٹ سائز دونوں پر پاس/فیل نتائج کے ساتھ فوری طور پر کنٹراسٹ تناسب دیکھیں۔

استعمال کرنے کا طریقہ

  1. رنگ چننے والے یا ہیکس ان پٹ کا استعمال کرتے ہوئے اپنے پیش منظر (ٹیکسٹ) کا رنگ درج کریں یا منتخب کریں۔
  2. اپنے پس منظر کا رنگ درج کریں یا منتخب کریں۔
  3. کنٹراسٹ ریشو اور WCAG 2.1 AA/AAA پاس/فیل کے نتائج کو فوری طور پر دیکھیں۔
  4. رنگوں کو ایڈجسٹ کریں جب تک کہ آپ مطلوبہ تعمیل کی سطح حاصل نہ کر لیں۔

اکثر پوچھے جانے والے سوالات

ڈبلیو سی اے جی کی تعمیل کے لیے کنٹراسٹ تناسب کی ضرورت ہے؟
WCAG AA کو عام متن کے لیے 4.5:1 اور بڑے متن کے لیے 3:1 درکار ہے (18pt+ یا 14pt+ بولڈ)۔ WCAG AAA کو عام متن کے لیے 7:1 اور بڑے متن کے لیے 4.5:1 درکار ہے۔ زیادہ سے زیادہ ممکنہ تناسب 21:1 ہے (سفید پر سیاہ)۔
رنگ کے برعکس کیوں فرق پڑتا ہے؟
کافی کنٹراسٹ اس بات کو یقینی بناتا ہے کہ کم بینائی، رنگ اندھا پن، یا چمکدار سورج کی روشنی میں اسکرین دیکھنے والے صارفین کے لیے متن پڑھنے کے قابل ہے۔ یہ بہت سی ویب سائٹس کے لیے ADA اور EU کی رسائی کے ضوابط کے تحت ایک قانونی تقاضہ بھی ہے۔
WCAG میں 'بڑا متن' کیا سمجھا جاتا ہے؟
بڑے متن کو باقاعدہ وزن کے لیے 18pt (24px) اور اس سے اوپر، یا بولڈ ٹیکسٹ کے لیے 14pt (18.66px) اور اس سے اوپر کے طور پر بیان کیا گیا ہے۔ بڑے متن میں متضاد تقاضے کم ہوتے ہیں کیونکہ اسے پڑھنا فطری طور پر آسان ہوتا ہے۔
کیا یہ ٹول غیر متنی عناصر کے تضاد کو چیک کرتا ہے؟
WCAG 2.1 کو UI اجزاء اور گرافیکل اشیاء (بٹن، شبیہیں، فارم فیلڈز) کے لیے 3:1 کنٹراسٹ تناسب درکار ہے۔ آپ اس ٹول کو ان کی تصدیق کے لیے بھی استعمال کر سکتے ہیں — صرف جزو اور پس منظر کے رنگ درج کریں۔