ইন্টারেক্টিভ নিয়ন্ত্রণগুলি কীবোর্ড ফোকাসযোগ্য

ম্যানুয়ালি চেক করুন যে সমস্ত কাস্টম নিয়ন্ত্রণ কীবোর্ড ফোকাসযোগ্য এবং একটি ফোকাস সূচক প্রদর্শন করুন। যে ক্রমে উপাদানগুলিকে ফোকাস করা হয় তার লক্ষ্য DOM ক্রম অনুসরণ করা উচিত৷ আপনি যদি নিশ্চিত না হন যে কোন উপাদানগুলিতে ফোকাস পাওয়া উচিত, তাহলে web.dev-এ জানুন অ্যাক্সেসিবিলিটি কোর্সে ফোকাস মডিউলটি দেখুন৷

কিভাবে ম্যানুয়ালি পরীক্ষা করা যায়

কাস্টম নিয়ন্ত্রণ ফোকাসযোগ্য এবং একটি ফোকাস সূচক প্রদর্শন করে তা পরীক্ষা করতে, আপনার সাইটে ট্যাব করে শুরু করুন। নিয়ন্ত্রণগুলির মধ্যে সরানোর জন্য TAB (বা SHIFT + TAB ) ব্যবহার করুন এবং তাদের মানগুলি পরিচালনা করতে তীর কী এবং ENTER এবং SPACE ব্যবহার করুন (এছাড়াও কীবোর্ড অ্যাক্সেসের মৌলিক বিষয়গুলি দেখুন):

আপনি কি পৃষ্ঠার সমস্ত ইন্টারেক্টিভ নিয়ন্ত্রণে পৌঁছাতে সক্ষম? প্রতিটি ইন্টারেক্টিভ নিয়ন্ত্রণে একটি ফোকাস সূচক আছে?

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

আপনি যদি একটি পৃষ্ঠার সমস্ত উপাদানের মাধ্যমে ট্যাব করতে সক্ষম না হন তবে সেই নিয়ন্ত্রণগুলির ফোকাসযোগ্যতা উন্নত করতে আপনাকে tabindex ব্যবহার করতে হতে পারে।

একটি কাস্টম নিয়ন্ত্রণ ফোকাসযোগ্য করতে, tabindex="0" ব্যবহার করে প্রাকৃতিক ট্যাব অর্ডারে কাস্টম নিয়ন্ত্রণ উপাদান সন্নিবেশ করুন (এছাড়াও ট্যাবিনডেক্সের সাথে নিয়ন্ত্রণ ফোকাস দেখুন)। যেমন:

<div tabindex="0">Focus me with the TAB key</div>

আপনাকে কাস্টম নিয়ন্ত্রণ উপাদানগুলিতে উপযুক্ত ARIA ভূমিকা যুক্ত করতে হতে পারে৷ দেখুন কাস্টম নিয়ন্ত্রণের ARIA ভূমিকা আছে ।

আপনি যদি একটি ফোকাস সূচক না দেখে থাকেন তবে সর্বদা একটি ফোকাস সূচক দেখানোর জন্য :focus ব্যবহার করার কথা বিবেচনা করুন। আপনি এটিতে ট্যাব করার জন্য মাউস বা কীবোর্ড ব্যবহার করুন না কেন, বোতামের ফোকাস সূচকটি সর্বদা একই দেখায় (এছাড়াও স্টাইল ফোকাস দেখুন)।

কেন এই ব্যাপার

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

কিভাবে একটি অ্যাক্সেসিবিলিটি রিভিউ করতে হয় তাতে আরও জানুন।

সম্পদ