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

প্রকাশিত: ২ মে, ২০১৯

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

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

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

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

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

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

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

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

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

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

কেন এটি গুরুত্বপূর্ণ

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

অ্যাক্সেসিবিলিটি সম্পর্কে আরও জানুন " অ্যাক্সেসিবিলিটি শিখুন" বিভাগে।

রিসোর্স