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