tabindexঅ্যাট্রিবিউট স্পষ্টভাবে focusable উপাদানের (সাধারণত লিঙ্ক এবং ফর্ম নিয়ন্ত্রণগুলি) একটি পৃষ্ঠায় মধ্যে গৌণ অর্ডার সংজ্ঞায়িত করে। এটি উপাদানগুলির দৃষ্টি আকর্ষণযোগ্য হওয়া উচিত কিনা তা নির্ধারণ করতেও এটি ব্যবহার করা যেতে পারে।
[উভয়ই] tabindex="0"এবং এর tabindex="-1"বিশেষ অর্থ রয়েছে এবং এইচটিএমএলে স্বতন্ত্র কার্যকারিতা সরবরাহ করে। একটি মান 0নির্দেশ করে যে উপাদানটি ডিফল্ট নেভিগেশন ক্রমে রাখা উচিত। এই উপাদান আছে যা স্থানীয়ভাবে focusable নেই (যেমন দেয় <div>, <span>এবং <p>) কীবোর্ড ফোকাস প্রাপ্ত সদস্যতা। অবশ্যই একটি অবশ্যই সমস্ত ইন্টারেক্টিভ উপাদানগুলির জন্য লিঙ্কগুলি এবং ফর্ম নিয়ন্ত্রণগুলি ব্যবহার করা উচিত, তবে এটি অন্যান্য উপাদানগুলিকে ফোকাসযোগ্য এবং ইন্টারঅ্যাকশন ট্রিগার করতে দেয়।
একটি tabindex="-1"মান ডিফল্ট নেভিগেশন প্রবাহ থেকে উপাদানটিকে সরিয়ে দেয় (যেমন, কোনও ব্যবহারকারী এটিতে ট্যাব করতে পারে না), তবে এটি প্রোগ্রামিক ফোকাস গ্রহণ করতে দেয় , যার অর্থ কোনও লিঙ্ক থেকে বা স্ক্রিপ্টিং সহ ফোকাস সেট করা যেতে পারে * ** এটি খুব হতে পারে যে উপাদানগুলিতে ট্যাব করা উচিত নয় তাদের জন্য দরকারী, তবে এটিতে তাদের ফোকাস সেট করার প্রয়োজন হতে পারে ।
একটি ভাল উদাহরণ একটি মডেল ডায়ালগ উইন্ডো - খোলা হলে, ডায়ালগটিতে ফোকাস সেট করা উচিত যাতে স্ক্রিন রিডার পড়া শুরু হবে এবং ডায়ালগটির মধ্যে কীবোর্ড নেভিগেট করা শুরু হবে । কারণ ডায়ালগটি (সম্ভবত কেবলমাত্র একটি <div>উপাদান) ডিফল্টরূপে ফোকাসযোগ্য নয়, এটি বরাদ্দ করা tabindex="-1"হলে তা উপস্থাপিত হওয়ার সাথে সাথে স্ক্রিপ্টিং সহ ফোকাস সেট করতে দেয়।
-1জটিল উইজেট এবং মেনুগুলির একটি মানও কার্যকর হতে পারে যা তীর কী বা অন্যান্য শর্টকাট কীগুলি ব্যবহার করে তা নিশ্চিত করতে যে উইজেটের মধ্যে কেবলমাত্র একটি উপাদান ট্যাব কী দিয়ে চলাচল করতে পারে তবে তবুও উইজেটের মধ্যে থাকা অন্যান্য উপাদানগুলিতে ফোকাস সেট করার অনুমতি দেয়।
সূত্র: http://webaim.org/techniques/keyboard/tabindex
এজন্য আপনার tabindex="-1"মোডালটিতে আপনার প্রয়োজন <div>, তাই ব্যবহারকারীরা সাধারণ মাউস এবং কীবোর্ড শর্টকাটগুলি অ্যাক্সেস করতে পারেন। আশা করি এইটি কাজ করবে.