একক পৃষ্ঠাগুলির অ্যাপ্লিকেশনগুলি দেখার পরিবর্তনগুলির যোগাযোগ করার ক্ষেত্রে একটি উল্লেখযোগ্য অ্যাক্সেসযোগ্যতার চ্যালেঞ্জ তৈরি করে। পৃষ্ঠার রিফ্রেশ ব্যতীত স্ক্রিন পাঠকরা দৃষ্টি-প্রতিবন্ধী ব্যবহারকারীদের বিভ্রান্ত ও অজান্ত রেখে এই গুরুত্বপূর্ণ UI পরিবর্তনগুলি গ্রহণ করবেন না।
একটি সমাধান হ'ল পৃষ্ঠার শিরোনামের উপর ভিত্তি করে একটি বার্তা তৈরি করা এবং একটি এআরআইএ লাইভ অঞ্চলটি কোনও সহায়ক বার্তার মাধ্যমে স্পষ্টভাবে ঘোষণা করার জন্য ব্যবহার করুন, যাতে একটি নতুন ভিউ লোড হয়েছে। ভিউ কনটেন্ট আপডেট হওয়ার পরে প্রথমে একটি ফাংশন তৈরি করুন। AngularJS এই উদ্দেশ্যে একটি $ ভিউকন্টেন্টলয়েড ইভেন্ট সরবরাহ করে। কন্ট্রোলার কোডে, ইভেন্টটি শুনুন এবং একটি ফাংশন কল করুন (কফিস্ক্রিপ্টে):
app.controller ‘পেজ কন্ট্রোলার’, ($ সুযোগ, $ অবস্থান, $ HTTP) -> $ সুযোগ। ‘$ ভিউ কনটেন্টলয়েড’, ঘোষণা_ভিউ_লোড
ঘোষনা_ভিউ_লোড হওয়া কার্যক্রমে পৃষ্ঠার শিরোনাম আপডেট করুন এবং বার্তাটি ঘোষণা করুন। একক পৃষ্ঠার ফ্রেমওয়ার্কগুলি পৃষ্ঠা শিরোনামগুলি স্বয়ংক্রিয়ভাবে পৃষ্ঠার শিরোনামগুলি আপডেট করে না, বর্তমান শিরোনামের সাথে পৃষ্ঠা শিরোনাম সিঙ্ক করে রাখা ব্যবহারকারীদের দর্শন সম্পর্কে বোঝার উন্নতি করে।
এটি করার একটি উপায় হল ভিউয়ের শিরোনামটি সঞ্চয় করার জন্য কোথাও কোনও ডেটা অ্যাট্রিবিউট ব্যবহার করা:
document.title = $ (’[ডেটা-ভিউ শিরোনাম]’) data তথ্য ’ভিউ শিরোনাম’
এখন আপডেট হওয়া পৃষ্ঠার শিরোনাম ব্যবহার করে একটি বার্তা তৈরি করুন এবং এটি ঘোষণা করুন:
ann। ঘোষনা করুন (ডকুমেন্ট.টাইটেল + ’, দেখুন লোড করা হয়েছে)
ann .নানউন () একটি jQuery ফাংশন যা সামগ্রীগুলির ঘোষণা করতে একটি একক, অ-দৃশ্যমান লাইভ অঞ্চল ব্যবহার করে। এই পদ্ধতির লাইভ অঞ্চলের অ্যাডহক ব্যবহারের তুলনায় কোড এবং ডিবাগিং প্রচেষ্টা সহজ করার জন্য সহায়তা করে। তবে মনে রাখার জন্য কয়েকটি সেরা অনুশীলন রয়েছে।
প্রথমে, আরিয়া-লাইভ = "ভদ্র | জোরালো" ব্যবহার করে সামগ্রী ঘোষণা করার জন্য আপনার পৃষ্ঠায় একক ‘ঘোষক 'লাইভ অঞ্চল তৈরি করুন। লাইভ অঞ্চলের ভূমিকা (যেমন ভূমিকা = "সতর্কতা | টাইমার | লগ") সহ অন্য কোনও লাইভ অঞ্চল ব্যবহার করবেন না। লাইভ অঞ্চল একটি উদাহরণ:
div aria-live = "ভদ্র" id = "ঘোষক"> (এখানে পাঠ্য যোগ করা বা আপডেট করা হবে বলে ঘোষণা করা হবে) / div>
দ্বিতীয়ত, লিখিত অঞ্চলের বিষয়বস্তু আপডেট করার কিছুক্ষণ পরে সাফ করুন। এটি ব্যবহারকারীদের পুরানো বার্তাগুলিতে হোঁচট খেতে বাধা দেয়।
অবশেষে, যে কোনও অ্যাক্সেসযোগ্যতার কৌশল হিসাবে, jud। ঘোষণা () যথাযথভাবে ব্যবহার করুন। এটি কেবলমাত্র গুরুত্বপূর্ণ ইউআই আপডেটগুলি যোগাযোগের জন্য ব্যবহার করা উচিত।
শব্দ: প্যাট্রিক ফক্স
প্যাট্রিক ফক্স অস্টিনের রাজারফিশের ওয়েব ইউআই প্রযুক্তি পরিচালক। এই নিবন্ধটি মূলত নেট ম্যাগাজিনের 271 সংখ্যাটিতে প্রকাশিত হয়েছিল।
এই পছন্দ? এগুলো পড়াে!
- ডিজিটাল অ্যাক্সেসযোগ্যতার জন্য ডিজাইনারের গাইড
- সেরা বিনামূল্যে স্ক্রিপ্ট ফন্ট
- বিনামূল্যে গ্রাফিতি ফন্ট নির্বাচন