مفت پرائیویسی ٹولزکنٹراسٹ چیکر
WCAG ٹیکسٹ کنٹراسٹ ریشوز چیک کریں تاکہ معلوم ہو کہ کلر کمبی نیشنز قابل رسائی ہیں یا نہیں۔ مفت۔
استعمال کا طریقہ
- اپنے متن کا رنگ درج کریں (فور گراؤنڈ) — پیلیٹ سے چنیں، آئی ڈراپر استعمال کریں، یا HEX/RGB ویلیو لکھیں۔
- اسی طریقے سے اپنا بیک گراؤنڈ رنگ درج کریں۔
- فوری کنٹراسٹ ریشو پڑھیں (مثلاً 7.2:1) ساتھ میں AA اور AAA لیولز کے لیے WCAG پاس/فیل بیجز۔
- کسی بھی رنگ کو ایڈجسٹ کریں یہاں تک کہ پاس ہو جائے — یہ ٹول ایک کلک میں قریب ترین پاسنگ شیڈ تجویز کرتا ہے۔
عام سوالات
کیا یہ واقعی مفت ہے؟
جی ہاں — اس سائٹ کا ہر ٹول 100% مفت ہے، بغیر کسی حد، بغیر سائن اپ اور بغیر واٹر مارک کے۔
کیا میرا ڈیٹا محفوظ ہے؟
بالکل۔ تمام پروسیسنگ آپ کے براؤزر میں مقامی طور پر ہوتی ہے۔ آپ کی فائلیں کبھی کسی سرور پر اپ لوڈ نہیں ہوتیں۔
کنٹراسٹ ریشو کیا ہے؟
یہ متن اور بیک گراؤنڈ کے درمیان لائٹنس کے فرق کو ماپتا ہے، 1:1 (ایک جیسا اور نظر نہ آنے والا) سے 21:1 (خالص سیاہ پر خالص سفید، زیادہ سے زیادہ) تک۔ ریشو ریلیٹو لومیننس پر مبنی معیاری WCAG فارمولے سے حساب ہوتا ہے — زیادہ کا مطلب زیادہ پڑھنے کے قابل۔
WCAG AA اور AAA کا کیا مطلب ہے؟
WCAG (ویب مواد کی رسائی کے رہنما اصول) معیار طے کرتا ہے: AA کے لیے نارمل ٹیکسٹ کے لیے 4.5:1 اور بڑے ٹیکسٹ کے لیے 3:1 (18pt+ یا 14pt بولڈ) درکار ہے — جو زیادہ تر ممالک میں قانونی معیار ہے۔ AAA سخت ہے: نارمل کے لیے 7:1 اور بڑے کے لیے 4.5:1۔ کم از کم AA کا ہدف رکھیں؛ جہاں ہو سکے AAA۔
کیا بڑے ٹیکسٹ کو واقعی آسان ہدف ملتا ہے؟
جی ہاں۔ بڑا ٹیکسٹ (کم از کم 18pt، یا 14pt بولڈ) AA کے لیے صرف 3:1 چاہتا ہے کیونکہ موٹے حروف کم کنٹراسٹ پر بھی پڑھے جا سکتے ہیں۔ لیکن WCAG کی اصطلاح میں "بڑا" زیادہ تر باڈی ٹیکسٹ سے بڑا ہے — اور شک ہو تو نارمل ٹیکسٹ کے 4.5:1 معیار کے مقابلے ٹیسٹ کریں۔
میرے برانڈ کے رنگ فیل ہو رہے ہیں — کیا کروں؟
شاذ و نادر ہی آپ کو برانڈ رنگ چھوڑنے پڑتے ہیں: ٹیکسٹ شیڈ گہرا کریں یا بیک گراؤنڈ ٹنٹ ہلکا کریں یہاں تک کہ پاس ہو جائے — ٹول کی تجویز فیچر قریب ترین پاسنگ رنگ ڈھونڈتی ہے۔ کم کنٹراسٹ والے برانڈ جوڑے بڑی ہیڈنگز یا آرائشی عناصر کے لیے رکھیں، باڈی کاپی کے لیے کبھی نہیں۔
کلر کنٹراسٹ اور پڑھنے میں آسانی کی مکمل گائیڈ
کنٹراسٹ ویب پر سب سے زیادہ اثر والا رسائی فکس ہے — اور سب سے عام فیل ہونے والا بھی۔ سفید بیک گراؤنڈز پر ہلکا سرمئی متن ڈیزائنرز کو "صاف" لگتا ہے اور لاکھوں وزیٹرز کے لیے ناقابل پڑھائی ہے، جن میں چالیس سے اوپر ہر شخص، تیز دھوپ میں ہر شخص، اور کم نظر والے تقریباً 5% لوگ شامل ہیں۔ یہ گائیڈ معیار، ریاضی، اور ڈیزائن تباہ کیے بغیر ناکامیوں کو ٹھیک کرنے کا طریقہ بتاتی ہے۔
WCAG معیار سادہ زبان میں
WCAG 2.x کنٹراسٹ کے دو کمپلائنس لیول طے کرتا ہے۔ لیول AA (جس کی طرف قوانین اشارہ کرتے ہیں — بشمول یورپی رسائی قانون اور امریکہ میں ADA کیسز) نارمل ٹیکسٹ کے لیے 4.5:1 اور بڑے ٹیکسٹ کے لیے 3:1 درکار ہے۔ لیول AAA (گولڈ اسٹینڈرڈ) بالترتیب 7:1 اور 4.5:1 درکار ہے۔ لوگوز اور خالص آرائشی متن مستثنیٰ ہیں — لیکن اگر وہ معلومات پہنچائیں، تو انہیں پاس ہونا چاہیے۔ اور نوٹ: WCAG 3.0 (مسودے میں) آخر کار ریشوز کی جگہ نیا APCA ماڈل لے آئے گا، لیکن ریشوز آج بھی قابل نفاذ معیار ہیں۔
کنٹراسٹ اتنا کیوں فیل ہوتا ہے
تین مجرم: فیشن (بہت ہلکے سرمئی پورٹ فولیو گیلریز میں ٹرینڈ میں ہیں) اوربرانڈ رنگ متن کے لیے پوری طاقت سے استعمال ہوتے ہیں (ایک چمکدار برانڈ نارنجی بٹن کے طور پر نمایاں ہوتا ہے لیکن 12px متن کے طور پر فیل ہوتا ہے) اورتصاویر کے اوپر متن جہاں بیک گراؤنڈ بدلتا ہے — تصویر میں ایک روشن دھبہ خاموشی سے پڑھنے کی قابلیت تباہ کر سکتا ہے۔ تصاویر کا فکس: نیم شفاف گہرا اوورلے یا متن کے پیچھے ٹھوس پردہ، پھر بدترین علاقے کو دوبارہ ٹیسٹ کریں۔
ریشو سے آگے: حقیقی پڑھنے کی قابلیت
ریشو ضروری ہے لیکن کافی نہیں۔ پتلے فونٹ ویٹس (100–300) کو فارمولے کے اندازے سے زیادہ کنٹراسٹ چاہیے — باڈی ٹیکسٹ کے لیے 400+ کو ترجیح دیں۔ بہت چھوٹا متن (12px سے نیچے) پاسنگ ریشوز پر بھی دباؤ ڈالتا ہے۔ چمکدار اسکرینز، دھوپ اور سستی اسکرینز عملی کنٹراسٹ کم کر دیتی ہیں، اس لیے 4.5:1 کو منزل نہیں، فرش سمجھیں — 7:1 باڈی ٹیکسٹ سب کے لیے نمایاں طور پر آرام دہ ہے، صرف معذور افراد کے لیے نہیں۔
ناکامیوں کو خوبصورتی سے ٹھیک کرنا
شروع سے دوبارہ ڈیزائن نہ کریں۔ ہلائیں: متن کو 10–20% لائٹنس گہرا کریں یا بیک گراؤنڈ ٹنٹس میں اوپیسٹی شامل کریں — یہ عام طور پر برانڈ پر رہتے ہوئے حد پار کرنے کے لیے کافی ہے۔ لنکس کے لیے، یاد رکھیں کہ صرف رنگ انہیں ممتاز نہیں کر سکتا (انڈر لائن بھی استعمال کریں)۔ ڈس ایبلڈ بٹنز اور پلیس ہولڈرز کے لیے، کم کنٹراسٹ متوقع ہے — لیکن یقینی بنائیں کہ وجہ کسی اور طریقے سے بتائی جائے۔ اور اپنی حتمی پیلیٹ کو گرے اسکیل میں ٹیسٹ کریں: اگر ہائرارکی پڑھنے کے قابل رہے، تو آپ کا کنٹراسٹ اپنا کام کر رہا ہے۔
یہ کس کی مدد کرتا ہے (اشارہ: سب کی)
رسائی کی بہتریاں نامزد مستفیدین سے کہیں آگے مدد کرتی ہیں: کیپشنز شور والے کیفے میں مدد کرتے ہیں، ہائی کنٹراسٹ دھوپ میں مدد کرتا ہے، اور واضح فوکس اسٹیٹس پاور کی بورڈ یوزرز کی مدد کرتی ہیں۔ دنیا کی تقریباً 15% آبادی کسی معذوری کے ساتھ رہتی ہے — کنٹراسٹ کے لیے ڈیزائن کرنا آپ کے چھٹے حصے سامعین کے لیے ڈیزائن کرنا ہے، علاوہ ہر اس شخص کے جس کا اسکرین والا دن برا گزر رہا ہو۔