رنگ کنٹراسٹ چیکر
متن اور پس منظر کے رنگ کے درمیان WCAG کنٹراسٹ تناسب جانچیں — معمول کے متن، بڑے متن اور UI اجزاء کے لیے AA/AAA پاس-فیل گریڈ دیکھیں، لائیو پریویو اور قابلِ رسائی رنگ کی تجاویز کے ساتھ۔
The quick brown fox
بڑا متن آرام سے پڑھا جاتا ہے جب کنٹراسٹ کافی ہو۔
یہ معمول کے متن کا ایک نمونہ پیراگراف ہے۔ اچھا رنگ کنٹراسٹ آپ کا مواد سب کے لیے قابلِ پڑھ رکھتا ہے، بشمول کم بینائی یا رنگ اندھا پن والے افراد۔ ایک نمونہ لنک.
چھوٹا پرنٹ اور کیپشن سب سے مشکل ہیں — انہیں سب سے زیادہ کنٹراسٹ چاہیے۔سب کچھ WCAG 2.x نسبتی لیومینینس فارمولے کا استعمال کرتے ہوئے آپ کے براؤزر میں لائیو حساب ہوتا ہے — کوئی اپ لوڈ نہیں، کوئی سائن اپ نہیں، مکمل مفت۔
رنگ کنٹراسٹ چیکر کے بارے میں
کلر کنٹراسٹ چیکر ٹیکسٹ رنگ اور بیک گراؤنڈ رنگ کے درمیان WCAG کنٹراسٹ ریشو ناپتا ہے، پھر عام ٹیکسٹ، بڑے ٹیکسٹ اور UI اجزاء کے لیے جوڑے کو AA اور AAA رسائی کی سطحوں کے مقابلے میں درجہ بندی کرتا ہے۔ آپ کے کسی بھی رنگ کو ایڈجسٹ کرنے کے ساتھ ہی ریشو اور ہر پاس/فیل نتیجہ فوری طور پر اپ ڈیٹ ہوتا ہے۔
ایک حقیقت پسندانہ پیش منظر پینل آپ کے منتخب کردہ ترکیب میں ہیڈنگز، باڈی کاپی، چھوٹا پرنٹ، ایک بٹن اور ایک لنک رینڈر کرتا ہے، تاکہ آپ خلاصہ سویچز کے بجائے حقیقی مواد سے پڑھنے کی صلاحیت جانچ سکیں۔ جب کوئی جوڑا فیل ہو تو ٹول قریب ترین قابلِ رسائی ٹیکسٹ رنگ تجویز کرتا ہے جو 4.5:1 کی AA حد تک پہنچتا ہے، جسے ایک کلک سے لاگو کیا جا سکتا ہے۔
ریاضی WCAG 2.x کے متعلقہ چمک (relative-luminance) فارمولے کی پیروی کرتی ہے اور مکمل طور پر آپ کے براؤزر میں چلتی ہے — کچھ بھی اپ لوڈ نہیں ہوتا اور چیک مفت ہیں۔ آپ رسائی کے جائزے یا پل ریکویسٹ میں پیسٹ کرنے کے لیے ریشو اور درجہ بندیوں کی مختصر ٹیکسٹ رپورٹ بھی کاپی کر سکتے ہیں۔
رنگ کنٹراسٹ چیکر استعمال کرنے کا طریقہ
- پکرز یا ویلیوز ٹائپ کر کے اپنا ٹیکسٹ رنگ اور بیک گراؤنڈ رنگ مقرر کریں۔
- عام ٹیکسٹ، بڑے ٹیکسٹ اور UI اجزاء کے لیے کنٹراسٹ ریشو اور AA/AAA نتائج پڑھیں۔
- اپنے رنگوں میں حقیقی ہیڈنگز، پیراگراف، بٹنز اور لنکس دیکھنے کے لیے لائیو پیش منظر معائنہ کریں۔
- اگر جوڑا فیل ہو جائے تو تجویز کردہ قابلِ رسائی ٹیکسٹ رنگ لاگو کریں یا دونوں رنگ بدل دیں۔
- ریشو اور تعمیل کے نتائج شیئر کرنے کے لیے "Copy report" پر کلک کریں۔