قابل رسائی ویب سائٹ وہ ہے جسے نظر کی کمزوری، رنگ اندھے پن، ہاتھوں کی محدود حرکت یا سماعت کے مسائل والے لوگ بھی استعمال کر سکیں۔ لیکن فائدہ صرف انہیں نہیں: دھوپ میں فون دیکھنے والا، ایک ہاتھ سے کام کرنے والا اور عمر رسیدہ صارف بھی اس سے سہولت پاتے ہیں۔
بنیادی باتیں مشکل نہیں، اور انہیں شروع ہی میں شامل کرنا بعد میں ٹھیک کرنے سے بہت سستا پڑتا ہے۔
رسائی چار عادتوں سے شروع ہوتی ہے: رنگوں کا مضبوط کنٹراسٹ، کی بورڈ سے مکمل استعمال، تصاویر کا بامعنی متبادل متن، اور پڑھنے کے قابل درست رخ والا متن۔ یہ معذور افراد کے ساتھ باقی سب کے بھی کام آتی ہیں۔
کنٹراسٹ اور پڑھنے کے قابل متن
سفید پر ہلکا سرمئی متن خوبصورت لگتا ہے مگر بہت سے لوگوں کے لیے ناقابل مطالعہ ہے۔ WCAG AA عام متن کے لیے کم از کم 4.5 اور بڑے متن کے لیے 3 کا کنٹراسٹ تناسب مانگتا ہے۔ مفت کنٹراسٹ چیکر میں دو رنگ ڈال کر تناسب معلوم کیا جا سکتا ہے۔
- باڈی ٹیکسٹ کم از کم 16 پکسل اور لائنوں کے درمیان کھلی جگہ رکھیں۔
- صرف رنگ پر انحصار نہ کریں، مثلاً غلطی کے لیے صرف سرخ؛ آئیکن یا الفاظ بھی دیں۔
- صارفین کو زوم کرنے دیں؛ پنچ زوم بند نہ کریں۔
کی بورڈ اور فوکس
اپنی سائٹ پر Tab دبائیں۔ کیا آپ ہر لنک، بٹن اور فارم فیلڈ تک منطقی ترتیب سے پہنچ سکتے ہیں، اور کیا ہمیشہ نظر آتا ہے کہ آپ کہاں ہیں؟ نظر آنے والا فوکس کا خاکہ لازمی ہے۔ مینو، پاپ اپ اور کیروسل Enter، Space اور Escape سے بھی چلنے چاہییں۔
متبادل متن، لیبل اور ڈھانچہ
ہر بامعنی تصویر کو مختصر بیان چاہیے کہ وہ کیا دکھاتی ہے یا کیا کرتی ہے؛ سجاوٹی تصاویر کے لیے خالی alt رکھیں تاکہ اسکرین ریڈر انہیں چھوڑ دے۔ ہر فارم فیلڈ کا نظر آنے والا لیبل ہو، صرف پلیس ہولڈر نہیں۔ ترتیب وار اصلی ہیڈنگز استعمال کریں اور ایسے بٹن جن پر لکھا ہو کہ وہ کیا کرتے ہیں، "یہاں کلک کریں" کے بجائے۔
دائیں سے بائیں لکھی جانے والی زبانیں
اردو اور عربی کے لیے صفحے کا رخ دائیں سے بائیں رکھیں اور زبان کا انتساب درست لگائیں تاکہ اسکرین ریڈر صحیح آواز چنے۔ ترتیب اور تیر جیسے سمتی آئیکن الٹائیں، مگر لوگو، فون نمبر اور ویڈیو کنٹرول جیسے ہیں ویسے رکھیں۔ اسی رسم الخط کے لیے بنا فونٹ استعمال کریں، اردو کو زیادہ لائن اسپیس دیں، اور فیصلہ کریں کہ ہندسے کون سے استعمال کرنے ہیں، پھر ان پر قائم رہیں۔
چیٹ میں مانگیں
Uttra کے ساتھ آپ یہ بہتریاں سادہ الفاظ میں مانگ سکتے ہیں۔ نمونہ پرامپٹ: "میری سائٹ کی رسائی بہتر کریں: متن کا کنٹراسٹ WCAG AA تک لائیں، نظر آنے والے فوکس آؤٹ لائن لگائیں، ہر تصویر کو بامعنی alt متن دیں، تمام فارم فیلڈز پر لیبل لگائیں، مینو کو کی بورڈ سے چلنے والا بنائیں، اور یقینی بنائیں کہ اردو ورژن دائیں سے بائیں درست الٹے۔" پھر خود آزمائیں: صرف Tab سے، 200 فیصد زوم پر، اور کسی مفت اسکرین ریڈر کے ساتھ۔ خودکار ٹولز صرف کچھ مسائل پکڑتے ہیں۔