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