অনেক ভিন্ন ব্যবহারকারী অ্যাপ্লিকেশন নেভিগেট করার জন্য কীবোর্ডের উপর নির্ভর করে, অস্থায়ী এবং স্থায়ী মোটর ত্রুটিযুক্ত ব্যবহারকারীদের থেকে ব্যবহারকারীরা যারা কীবোর্ড শর্টকাট ব্যবহার করে আরও দক্ষ এবং উত্পাদনশীল হতে। একটি যৌক্তিক ট্যাব অর্ডার একটি মসৃণ কীবোর্ড নেভিগেশন অভিজ্ঞতা প্রদানের একটি গুরুত্বপূর্ণ অংশ।
কিভাবে ম্যানুয়ালি পরীক্ষা করা যায়
আপনার অ্যাপ্লিকেশনের ট্যাব অর্ডার যৌক্তিক কিনা তা পরীক্ষা করতে, আপনার পৃষ্ঠার মাধ্যমে ট্যাব করার চেষ্টা করুন। যে ক্রমে উপাদানগুলিকে ফোকাস করা হয় তার লক্ষ্য DOM ক্রম অনুসরণ করা উচিত৷ সাধারণভাবে, ফোকাস পড়ার ক্রম অনুসরণ করা উচিত, বাম থেকে ডানে, আপনার পৃষ্ঠার উপরে থেকে নীচের দিকে সরানো।
কীবোর্ড অ্যাক্সেসের মৌলিক বিষয়ে আরও জানুন।
আপনি কি পৃষ্ঠার সমস্ত ইন্টারেক্টিভ নিয়ন্ত্রণে পৌঁছাতে সক্ষম? যদি তা না হয়, তাহলে সেই নিয়ন্ত্রণগুলির ফোকাসযোগ্যতা উন্নত করতে আপনাকে tabindex ব্যবহার করতে হতে পারে। থাম্বের সাধারণ নিয়ম হল যে কোনও ব্যবহারকারী যে কোনও নিয়ন্ত্রণের সাথে ইন্টারঅ্যাক্ট করতে পারে বা ইনপুট দিতে পারে তা ফোকাসযোগ্য হওয়া উচিত এবং ফোকাস সূচক প্রদর্শন করা উচিত। যদি একজন কীবোর্ড ব্যবহারকারী দেখতে না পারে যে কি ফোকাস করা হয়েছে, তাদের পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করার কোন উপায় নেই।
কিভাবে ঠিক করবো
যদি ফোকাস অর্ডারটি ভুল বলে মনে হয়, তাহলে ট্যাব অর্ডারটিকে আরও স্বাভাবিক করতে আপনার DOM-এর উপাদানগুলিকে পুনর্বিন্যাস করা উচিত৷
আপনি যদি পৃষ্ঠার সমস্ত ইন্টারেক্টিভ নিয়ন্ত্রণে পৌঁছতে সক্ষম না হন, তাহলে প্রথম সমাধান হল মানসম্মত HTML বিকল্পগুলির সাথে কাস্টম নিয়ন্ত্রণগুলি প্রতিস্থাপন করা৷ উদাহরণস্বরূপ, একটি <div> প্রতিস্থাপন করুন যা একটি বোতামের মতো কাজ করে <button> দিয়ে। অন্তর্নির্মিত HTML উপাদানগুলি ব্যবহার করা আপনার সাইটের অ্যাক্সেসযোগ্যতাকে ব্যাপকভাবে উন্নত করতে পারে এবং আপনার কাজের চাপকে উল্লেখযোগ্যভাবে হ্রাস করতে পারে।
আপনি যদি কোনো মানসম্মত HTML সমতুল্য ছাড়াই কাস্টম ইন্টারেক্টিভ কম্পোনেন্ট তৈরি করছেন, তাহলে tabindex অ্যাট্রিবিউট ব্যবহার করে নিশ্চিত করুন যে সেগুলি কীবোর্ড অ্যাক্সেসযোগ্য। উদাহরণ স্বরূপ:
<div tabindex="0">Focus me with the TAB key</div>
ট্যাবিনডেক্সের সাথে কন্ট্রোল ফোকাসে আরও জানুন।
সম্পদ
পৃষ্ঠার জন্য সোর্স কোড একটি লজিক্যাল ট্যাব অর্ডার নিরীক্ষা আছে