একটি যৌক্তিক ট্যাব অর্ডার প্রয়োগ করা আপনার ব্যবহারকারীদের একটি মসৃণ কীবোর্ড নেভিগেশন অভিজ্ঞতা প্রদানের একটি গুরুত্বপূর্ণ অংশ। স্ক্রীন রিডার এবং অন্যান্য সহায়ক প্রযুক্তি DOM ক্রমে পৃষ্ঠাটি নেভিগেট করে। তথ্য প্রবাহ মানে করা উচিত.
কিভাবে ম্যানুয়ালি পরীক্ষা করা যায়
আপনার অ্যাপ্লিকেশনের ট্যাব অর্ডার যৌক্তিক কিনা তা পরীক্ষা করতে, আপনার পৃষ্ঠার মাধ্যমে ট্যাব করার চেষ্টা করুন। সাধারণভাবে, ফোকাস পড়ার ক্রম অনুসরণ করা উচিত, বাম থেকে ডানে, আপনার পৃষ্ঠার উপরে থেকে নীচের দিকে সরানো।
আপনার ট্যাব অর্ডার মূল্যায়ন করার সময় দুটি প্রধান ধারণা মাথায় রাখতে হবে:
- DOM-এর উপাদানগুলি কি যৌক্তিক ক্রমে সাজানো হয়েছে?
- অফস্ক্রিন বিষয়বস্তু সঠিকভাবে নেভিগেশন থেকে লুকানো হয়?
ন্যাভিগেশনে যে কোনো জাম্প লক্ষ্য করুন যা বিরক্তিকর বলে মনে হয়। এছাড়াও যে কোনও অফস্ক্রিন জাম্প লক্ষ্য করুন, যেখানে ট্যাবিং আপনাকে এমন সামগ্রীতে নিয়ে আসে যা দৃশ্যমান হওয়ার জন্য নয়।
কীবোর্ড অ্যাক্সেসের মৌলিক বিষয়ে আরও জানুন।
কিভাবে ঠিক করবো
যদি ফোকাস অর্ডারটি ভুল বলে মনে হয়, তাহলে ট্যাব অর্ডারটিকে আরও স্বাভাবিক করতে আপনার DOM-এর উপাদানগুলিকে পুনর্বিন্যাস করা উচিত৷
আপনি যদি উপাদানগুলিকে দৃশ্যমানভাবে পুনঃস্থাপন করতে CSS ব্যবহার করেন, সহায়ক প্রযুক্তি ব্যবহারকারীরা একটি অযৌক্তিক নেভিগেশন অনুভব করবে। CSS ব্যবহার করার পরিবর্তে, উপাদানটিকে DOM-এ আগের অবস্থানে নিয়ে যান।
যদি অফস্ক্রিন বিষয়বস্তু এখনও কীবোর্ড নিয়ন্ত্রণে অ্যাক্সেসযোগ্য হয়, tabindex="-1" ব্যবহার করে এটি সরানোর কথা বিবেচনা করুন।
ট্যাবিনডেক্সের সাথে কন্ট্রোল ফোকাসে আরও জানুন।
সম্পদ
পৃষ্ঠায় ভিজ্যুয়াল অর্ডারের জন্য সোর্স কোড DOM অর্ডার নিরীক্ষা অনুসরণ করে