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