tabindex
विशेषता स्पष्ट रूप से फ़ोकस करने योग्य तत्व (आमतौर पर लिंक और प्रपत्र नियंत्रण) एक पृष्ठ के भीतर के लिए नेविगेशन क्रम को परिभाषित करता है। इसका उपयोग यह परिभाषित करने के लिए भी किया जा सकता है कि तत्वों को ध्यान देने योग्य होना चाहिए या नहीं।
[दोनों] tabindex="0"
और tabindex="-1"
विशेष अर्थ है और HTML में अलग कार्यक्षमता प्रदान करते हैं। एक मान 0
इंगित करता है कि तत्व को डिफ़ॉल्ट नेविगेशन क्रम में रखा जाना चाहिए। यह तत्व है कि मूल रूप से फ़ोकस करने योग्य नहीं कर रहे हैं (जैसे की अनुमति देता है <div>
, <span>
और <p>
) कीबोर्ड के प्राप्त करने के लिए। बेशक एक को आम तौर पर सभी इंटरैक्टिव तत्वों के लिए लिंक और फॉर्म नियंत्रण का उपयोग करना चाहिए, लेकिन यह अन्य तत्वों को ध्यान केंद्रित करने और बातचीत को ट्रिगर करने की अनुमति देता है।
एक tabindex="-1"
मान डिफ़ॉल्ट नेविगेशन प्रवाह (यानी, उपयोगकर्ता को टैब नहीं कर सकता) से तत्व को निकालता है , लेकिन यह इसे प्रोग्रामेटिक फ़ोकस प्राप्त करने की अनुमति देता है , जिसका अर्थ है कि इसे लिंक से या स्क्रिप्टिंग के साथ सेट किया जा सकता है। ** यह बहुत हो सकता है। उन तत्वों के लिए उपयोगी जिन्हें टैब नहीं किया जाना चाहिए, लेकिन इसके लिए उन पर ध्यान केंद्रित करने की आवश्यकता हो सकती है ।
एक अच्छा उदाहरण एक मोडल डायलॉग विंडो है - जब खोला जाता है, तो डायलॉग पर फ़ोकस सेट किया जाना चाहिए ताकि स्क्रीन रीडर पढ़ना शुरू हो जाए और कीबोर्ड डायलॉग के भीतर नेविगेट करना शुरू कर देगा । क्योंकि संवाद (शायद सिर्फ एक <div>
तत्व) डिफ़ॉल्ट रूप से tabindex="-1"
ध्यान देने योग्य नहीं है, इसे असाइन करने से स्क्रिप्ट को प्रस्तुत करने के साथ उस पर ध्यान केंद्रित करने की अनुमति मिलती है।
-1
कॉम्प्लेक्स विजेट्स और मेन्यू में एक मान उपयोगी हो सकता है जो तीर कुंजी या अन्य शॉर्टकट कुंजियों का उपयोग करता है ताकि यह सुनिश्चित किया जा सके कि विजेट के भीतर केवल एक तत्व टैब कुंजी के साथ नेविगेट करने योग्य है, लेकिन फिर भी विजेट के भीतर अन्य घटकों पर ध्यान केंद्रित करने की अनुमति देता है।