اپنا صفحہ قابل رسائی بنائیں

قابل رسائی صفحہ ہر کوئی استعمال کر سکتا ہے: وہ لوگ جو اسکرین ریڈر استعمال کرتے ہیں، جن کی نظر کمزور ہے، جو اسکرین پر حرکت سے بچتے ہیں، یا جو بس دھوپ میں اپنا فون دیکھ رہے ہیں۔ LinkHarbor بہت کچھ خود بخود سنبھالتا ہے؛ کچھ چیزیں آپ کے ذمے ہیں۔ یہ مضمون بتاتا ہے کہ کن باتوں کا خیال رکھیں۔

#LinkHarbor خود بخود کیا کرتا ہے

• اگر کسی وزیٹر نے اپنے سسٹم میں “Reduce motion” (حرکت کم کریں) آن کیا ہو تو پس منظر کی ویڈیوز نہیں چلتیں، اور اسکرول اور پیرالیکس ایفیکٹس نیز ہوور اینیمیشنز بند ہو جاتی ہیں
• “سرخی” بلاک ایک حقیقی سرخی کے طور پر آؤٹ پٹ ہوتا ہے جسے اسکرین ریڈرز رہنمائی کے لیے استعمال کرتے ہیں
• “تصویر” اور “گیلری” بلاکس کی تصاویر کو آپ کا alt متن ان کی تفصیل کے طور پر ملتا ہے
• اگر آپ نے بٹنوں کے لیے اپنا ٹیکسٹ رنگ منتخب نہیں کیا تو LinkHarbor بٹن کے رنگ سے میل کھاتا رنگ چنتا ہے

#تصاویر کے لیے alt متن

alt متن بیان کرتا ہے کہ تصویر میں کیا نظر آ رہا ہے۔ اسکرین ریڈرز اسے پڑھ کر سناتے ہیں، اور جب تصویر لوڈ نہ ہو تو یہ ظاہر ہوتا ہے۔

“تصویر” بلاک

بلاک ایڈیٹر میں “متبادل متن” فیلڈ۔

“گیلری” بلاک

ہر تصویر کے لیے زیادہ سے زیادہ 200 حروف کا “متبادل متن”۔

• مواد بیان کریں، فائل نہیں: “IMG_2041” کے بجائے “لکڑی کی میز پر لاتے آرٹ والا کیپوچینو”
• جن تصاویر میں متن ہو، وہ متن alt متن میں شامل ہونا چاہیے
• اسے مختصر رکھیں – عموماً ایک جملہ کافی ہوتا ہے

یہ فیلڈز کہاں ملتی ہیں، یہ مفت بلاکس تفصیل سے اور مواد کے بلاکس میں بتایا گیا ہے۔

#سرخیوں سے ترتیب

لمبے صفحات کو بڑے متن کے بجائے “سرخی” بلاک سے حصوں میں بانٹیں۔ اسکرین ریڈر استعمال کرنے والے ایک سرخی سے دوسری پر جاتے ہیں اور یوں جلدی وہ چیز ڈھونڈ لیتے ہیں جس کی انہیں تلاش ہے – جیسے “کاروباری اوقات” یا “رابطہ”۔

#واضح لنک عنوانات

• ہر لنک اکیلے بھی سمجھ میں آنا چاہیے: “یہاں کلک کریں” کے بجائے “PDF میں مینو”
• مختلف اہداف کے لیے ایک جیسے عنوانات سے بچیں
• عنوان کے شروع میں ایموجیز پڑھ کر سنائے جاتے ہیں؛ انہیں کم استعمال کریں

لنکس کے بارے میں مزید لنکس شامل کریں اور سجائیں میں۔

#کنٹراسٹ اور پڑھنے میں آسانی

• متن اور پس منظر کے درمیان کافی کنٹراسٹ یقینی بنائیں، خاص طور پر ہلکے پیسٹل رنگوں کے ساتھ
• اگر متن پس منظر کی تصویر یا ویڈیو پر ہو تو تھیم میں “اوورلے کی غیر شفافیت” استعمال کریں تاکہ یہ پڑھنے کے قابل رہے
• کوئی اہم متن صرف تصویر میں نہ ہو – اسکرین ریڈر والے وزیٹرز اسے نہیں پڑھ سکتے
• آسانی سے پڑھا جانے والا فونٹ اور ٹیکسٹ بلاکس کے لیے ایسا فونٹ سائز منتخب کریں جو بہت چھوٹا نہ ہو

رنگ، پس منظر اور فونٹ آپ تھیم میں سیٹ کرتے ہیں، دیکھیں ڈیزائن۔

#کسٹم CSS احتیاط سے استعمال کریں

کسٹم CSS سے آپ تقریباً کچھ بھی بدل سکتے ہیں – بشمول ان چیزوں کے جو رسائی کے لیے اہم ہیں۔ فوکس آؤٹ لائنز نہ چھپائیں، متن کو بہت چھوٹا نہ کریں، اور تبدیلیوں کے بعد صفحے کو کی بورڈ سے بھی ٹیسٹ کریں۔ دیکھیں کسٹم CSS۔

#خود ٹیسٹ کریں

1. اپنے فون پر اسکرین ریڈر آن کریں (iPhone پر VoiceOver، Android پر TalkBack) اور اپنا صفحہ سنیں
2. سسٹم سیٹنگز میں متن کا سائز بڑھائیں اور چیک کریں کہ سب کچھ پڑھنے کے قابل رہتا ہے
3. صفحے کو تیز روشنی اور ڈارک موڈ میں دیکھیں