کلر کنٹراسٹ چیکر
مفت کلر کنٹراسٹ چیکر: جانچیں کہ متن اور پس منظر کے رنگ WCAG 2.2 AA اور AAA پر پورا اترتے ہیں یا نہیں، کنٹراسٹ تناسب اور پاس ہونے والا قریب ترین رنگ دیکھیں۔
یہ عام متن ہے، پیراگراف کے سائز کا۔
بڑا متن
بٹن| AA | AAA | |
|---|---|---|
| عام متن | ||
| بڑا متن (24 px، یا 18.7 px بولڈ) | ||
| آئیکنز اور انٹرفیس کی سرحدیں | — |
یہ کیا کرتا ہے
یہ چیکر متن کے رنگ اور اس کے پس منظر کے درمیان کنٹراسٹ کو WCAG 2.2 رسائی کی ہدایات کے فارمولے سے ناپتا ہے، جو رسائی کے بہت سے قوانین میں استعمال ہوتا ہے۔ یہ 1:1 (کوئی کنٹراسٹ نہیں) سے 21:1 (سفید پر سیاہ) تک کنٹراسٹ تناسب دکھاتا ہے، اور یہ بھی کہ آیا یہ جوڑی عام متن، بڑے متن اور آئیکنز و سرحدوں جیسے انٹرفیس اجزاء کے لیے AA اور AAA سطحیں پاس کرتی ہے۔ جب کوئی جوڑی فیل ہو تو یہ اسی رنگت کا قریب ترین رنگ تجویز کرتا ہے جو پاس ہو۔
استعمال کا طریقہ
- متن کا رنگ اور پس منظر کا رنگ درج کریں یا چنیں۔
- کنٹراسٹ تناسب اور AA و AAA کے نتائج پڑھیں، اور لائیو پیش نظارہ دیکھیں۔
- اگر فیل ہو تو تجویز کردہ رنگ پر “استعمال کریں” دبائیں، پھر نتیجہ شیئر کرنے کے لیے لنک کاپی کریں۔
عمومی سوالات
مجھے کتنا کنٹراسٹ تناسب درکار ہے؟
سطح AA، جو عام قانونی ہدف ہے، عام متن کے لیے 4.5:1 اور بڑے متن نیز آئیکنز اور انٹرفیس کی سرحدوں کے لیے 3:1 مانگتی ہے۔ سطح AAA عام متن کے لیے 7:1 اور بڑے متن کے لیے 4.5:1 مانگتی ہے۔
بڑا متن کسے کہتے ہیں؟
کم از کم 24 CSS پکسلز (18 پوائنٹس) کا متن، یا بولڈ ہونے کی صورت میں کم از کم تقریباً 18.7 CSS پکسلز (14 پوائنٹس)۔ عنوانات اکثر بڑے ہوتے ہیں؛ باڈی ٹیکسٹ عموماً نہیں۔
سفید پر #777777 فیل کیوں ہوتا ہے؟
اس کا تناسب 4.47:1 ہے، جو عام متن کے لیے درکار 4.5:1 سے ذرا کم ہے۔ تناسب کو اوپر کی طرف راؤنڈ نہیں کیا جاتا، اس لیے #767676 (4.54:1) جیسا تھوڑا گہرا سرمئی وہ سب سے ہلکا سرمئی ہے جو سفید پر پاس ہوتا ہے۔
W3C — WCAG 2.2, 1.4.3 Contrast (Minimum)
W3C — WCAG 2.2, 1.4.11 Non-text Contrast