कस्टम इंटरैक्टिव कंट्रोल पर फ़ोकस किया जाना चाहिए.
अगर <div> को फ़ैंसी ड्रॉपडाउन में बदलने के लिए JavaScript का इस्तेमाल किया जाता है,
तो यह टैब में अपने-आप क्रम में नहीं जुड़ेगा.
आपको मैन्युअल तरीके से यह देखना होगा कि सभी कस्टम कंट्रोल, कीबोर्ड फ़ोकस करने लायक हैं या नहीं.
कीबोर्ड ऐक्सेस करने की बुनियादी बातें भी देखें.
मैन्युअल तरीके से टेस्ट करने का तरीका
यह जांचने के लिए कि कस्टम कंट्रोल पर फ़ोकस किया जा सकता है या नहीं,
साइट पर नेविगेट करने के लिए TAB कुंजी दबाएं:
क्या आपके पास पेज पर मौजूद सभी इंटरैक्टिव कंट्रोल को ऐक्सेस करने की सुविधा है?
अगर ऐसा नहीं है, तो आपको उन कंट्रोल को बेहतर तरीके से फ़ोकस करने के लिए, tabindex का इस्तेमाल करना होगा.
Tabindex की मदद से फ़ोकस कंट्रोल करना भी देखें.
कैसे ठीक करें
कस्टम कंट्रोल को फ़ोकस करने लायक बनाने के लिए,
tabindex="0" का इस्तेमाल करके स्वाभाविक टैब क्रम में कस्टम कंट्रोल एलिमेंट डालें.
उदाहरण के लिए:
<div tabindex="0">Focus me with the TAB key</div>
यह क्यों मायने रखता है
जो उपयोगकर्ता माउस का इस्तेमाल नहीं कर सकते या नहीं कर सकते उनके लिए कीबोर्ड नेविगेशन, स्क्रीन पर मौजूद हर चीज़ तक पहुंचने का मुख्य ज़रिया है. कीबोर्ड का बेहतर अनुभव, टैब के क्रम और आसानी से समझने लायक फ़ोकस स्टाइल पर निर्भर करता है. अगर कीबोर्ड इस्तेमाल करने वाले व्यक्ति को यह नहीं दिख रहा है कि किस पर फ़ोकस किया गया है, तो इसका मतलब है कि वह पेज से इंटरैक्ट नहीं कर पाएगा.
इस बारे में ज़्यादा जानने के लिए, सुलभता की समीक्षा करने का तरीका लेख पढ़ें.