اپنے ایک صفحے کے ایپس کو اسکرین کے قارئین کے ساتھ کام کریں

جب منظر کی تبدیلیوں کو بات چیت کرنے کی بات آتی ہے تو ایک ہی صفحے کے ایپس قابل رسائ کا ایک اہم چیلنج بناتے ہیں۔ صفحہ ریفریش کے بغیر ، اسکرین قارئین یہ اہم UI تبدیلیاں نہیں اٹھاتے ہیں ، جس سے وژن کے شکار صارفین کو الجھن اور بے خبر رہتے ہیں۔

اس کا ایک حل یہ ہے کہ صفحہ کے عنوان پر مبنی پیغام بنانا ہے ، اور کسی مفید پیغام کے ذریعے واضح طور پر اعلان کرنے کے لئے اے آر آئی اے کے براہ راست علاقے کا فائدہ اٹھائیں ، کہ ایک نیا نظارہ بھرا ہوا ہے۔ پہلے ایک فنکشن بنائیں جسے ویو کانٹینٹ کو اپ ڈیٹ ہونے پر کہا جاتا ہے۔ AngularJS اس مقصد کے لئے ایک $ ویو کونٹینٹلیڈیڈ ایونٹ فراہم کرتا ہے۔ کنٹرولر کوڈ میں ، ایونٹ کو سنیں اور کسی فنکشن کو کال کریں (کافی اسکرپٹ میں):

app.controller ’پیجکنٹرولر‘ ، ($ دائرہ کار ، $ مقام ، $ HTTP) -> $ دائرہ کار $ پر ’’ $ ویو کنٹینٹ لوڈڈ ‘‘ ، اعلان_ منظر_لوڈ

اعلامیہ_ منظر_لوڈ فنکشن میں ، صفحہ کے عنوان کو اپ ڈیٹ کریں اور میسج کا اعلان کریں۔ اگرچہ ایک صفحے کے فریم ورک صفحے کے عنوانوں کو خود بخود تازہ نہیں کرتے ہیں ، لیکن صفحہ کے عنوان کو موجودہ نظارے کے ساتھ مطابقت پذیر رکھنے سے صارفین کی اس نظریہ کو سمجھنے میں بہتری آتی ہے۔

ایسا کرنے کا ایک طریقہ یہ ہے کہ نقطہ نظر میں کہیں بھی ڈیٹا کا وصف استعمال کیا جائے تاکہ منظر کے عنوان کو محفوظ کیا جاسکے۔

document.title = $ (’[ڈیٹا ویو ٹائٹل]’)۔ ڈیٹا ’ویو ٹائٹل‘

اب تازہ ترین صفحے کے عنوان کا استعمال کرتے ہوئے ایک پیغام بنائیں ، اور اس کا اعلان کریں:

ann .منتقل کریں (دستاویزات۔ عنوان ، ’’ بھاری بھرکم ملاحظہ کریں)

ann. اعلان () ایک jQuery فنکشن ہے جو مواد کا اعلان کرنے کے لئے ایک واحد ، غیر مرئی براہ راست خطے کا استعمال کرتا ہے۔ اس نقطہ نظر سے براہ راست علاقوں کے ایڈہاک استعمال کے مقابلے کوڈ اور ڈیبگنگ کی کوششوں کو آسان بنانے میں مدد ملتی ہے۔ تاہم ، یاد رکھنے کے لئے کچھ بہترین طریقے ہیں۔

سب سے پہلے ، aria-live = "شائستہ | دعویدار" کا استعمال کرتے ہوئے مشمولات کا اعلان کرنے کے لئے اپنے صفحے میں ایک واحد 'اناؤنسر' رواں علاقہ بنائیں۔ کوئی دوسرا رواں خطہ استعمال نہ کریں ، بشمول براہ راست خطے کے کردار (جیسے کردار = "انتباہ | ٹائمر | لاگ")۔ زندہ خطہ کی ایک مثال:

div aria-live = "شائستہ" id = "اعلان کنندہ"> (یہاں شامل یا تازہ ترین متن کا اعلان کیا جائے گا) </ div>

دوسرا ، مواد کو اپ ڈیٹ کرنے کے فورا بعد ہی رواں خطے کے مندرجات کو صاف کریں۔ اس سے صارفین پرانے پیغامات کو ٹھوکر کھا سکتے ہیں۔

آخر میں ، کسی بھی قابل رسائ تکنیک کی طرح ، $. اعلان () کو انصاف کے ساتھ استعمال کریں۔ یہ صرف اہم UI اپ ڈیٹس کو بات چیت کرنے کے لئے استعمال کیا جانا چاہئے۔

الفاظ: پیٹرک فاکس

پیٹرک فاکس آسٹن میں رزورفش میں ویب UI ٹکنالوجی کے ڈائریکٹر ہیں۔ یہ مضمون اصل میں نیٹ میگزین کے 271 کے شمارے میں شائع ہوا ہے۔

پسند آیا؟ یہ پڑھیں!

• ڈیجیٹل رسائی کے لئے ڈیزائنر کا رہنما
• بہترین مفت اسکرپٹ فونٹ
• مفت گرفتی فونٹ سلیکشن