পৃষ্ঠার ভিজ্যুয়াল অর্ডার DOM অর্ডার অনুসরণ করে

ব্যবহারকারীদের একটি মসৃণ কীবোর্ড অভিজ্ঞতার জন্য একটি যৌক্তিক ট্যাব অর্ডার গুরুত্বপূর্ণ। স্ক্রীন রিডার এবং অন্যান্য সহায়ক প্রযুক্তি DOM ক্রমে পৃষ্ঠাটি নেভিগেট করে। তথ্য প্রবাহ মানে করা উচিত.

আপনার অ্যাপ্লিকেশনের ট্যাব অর্ডার যৌক্তিক কিনা তা পরীক্ষা করতে, আপনার পৃষ্ঠার মাধ্যমে ট্যাব করার চেষ্টা করুন। সাধারণভাবে, ফোকাস আপনার পৃষ্ঠার উপরের থেকে নীচের দিকে পড়ার ক্রম অনুসরণ করা উচিত। বেশিরভাগ ভাষায়, পড়ার ক্রম বাম থেকে ডানে চলে। কিছুতে, যেমন আরবি এবং হিব্রু, পড়ার ক্রম ডান থেকে বামে চলে।

আপনার ট্যাব অর্ডার মূল্যায়ন করার সময় দুটি প্রধান ধারণা মাথায় রাখতে হবে:

  • DOM-এর উপাদানগুলি কি যৌক্তিক ক্রমে সাজানো হয়েছে?
  • অফস্ক্রিন বিষয়বস্তু সঠিকভাবে নেভিগেশন থেকে লুকানো হয়?

ন্যাভিগেশনে যে কোনো জাম্প লক্ষ্য করুন যা বিরক্তিকর বলে মনে হয়। এছাড়াও যে কোনও অফস্ক্রিন জাম্প লক্ষ্য করুন, যেখানে ট্যাবিং আপনাকে এমন সামগ্রীতে নিয়ে আসে যা দৃশ্যমান হওয়ার জন্য নয়।

কীবোর্ড অ্যাক্সেসের মৌলিক বিষয়ে আরও জানুন।

কিভাবে ঠিক করবেন

যদি ফোকাস অর্ডারটি ভুল বলে মনে হয়, তাহলে ট্যাব অর্ডারটিকে আরও স্বাভাবিক করতে DOM-এর উপাদানগুলিকে পুনরায় সাজান৷

উপাদানগুলিকে দৃশ্যমানভাবে পুনঃস্থাপন করতে CSS ব্যবহার করা এড়িয়ে চলুন, কারণ সহায়ক প্রযুক্তি ব্যবহারকারীরা একটি অযৌক্তিক নেভিগেশন অনুভব করবে। CSS ব্যবহার করার পরিবর্তে, উপাদানটিকে DOM-এ আগের অবস্থানে নিয়ে যান।

যদি অফস্ক্রিন বিষয়বস্তু এখনও কীবোর্ড নিয়ন্ত্রণে অ্যাক্সেসযোগ্য হয়, tabindex="-1" ব্যবহার করে এটি সরানোর কথা বিবেচনা করুন।

ট্যাবিনডেক্সের সাথে কন্ট্রোল ফোকাসে আরও জানুন।

সম্পদ

পৃষ্ঠায় ভিজ্যুয়াল অর্ডারের জন্য সোর্স কোড DOM অর্ডার নিরীক্ষা অনুসরণ করে