इस पेज पर, Chrome DevTools में मौजूद सुलभता सुविधाओं के बारे में पूरी जानकारी दी गई है. यह उन वेब डेवलपर के लिए है जो:
- DevTools के बारे में बुनियादी जानकारी होनी चाहिए. जैसे, इसे खोलने का तरीका.
- सुलभता के सिद्धांतों और सबसे सही तरीकों के बारे में जानते हों.
इस रेफ़रंस का मकसद, आपको DevTools में उपलब्ध उन सभी टूल के बारे में बताना है जिनकी मदद से, किसी पेज के ऐक्सेस किए जाने के तरीके की जांच की जा सकती है.
अगर आपको स्क्रीन रीडर जैसी सहायक टेक्नोलॉजी की मदद से, DevTools में नेविगेट करने के बारे में मदद चाहिए, तो सहायक टेक्नोलॉजी की मदद से Chrome DevTools में नेविगेट करना लेख पढ़ें.
अगर आपको सुलभ वेबसाइटें बनाने का तरीका जानना है, तो सुलभता के बारे में जानें लेख पढ़ें.
Chrome DevTools में सुलभता सुविधाओं के बारे में खास जानकारी
इस सेक्शन में बताया गया है कि DevTools, सुलभता टूलकिट में कैसे फ़िट होता है.
यह तय करते समय कि किसी पेज को ऐक्सेस किया जा सकता है या नहीं, आपको दो सामान्य सवालों का ध्यान रखना होगा:
- क्या कीबोर्ड या स्क्रीन रीडर की मदद से पेज पर नेविगेट किया जा सकता है?
- क्या पेज के एलिमेंट, स्क्रीन रीडर के लिए सही तरीके से मार्क किए गए हैं?
आम तौर पर, DevTools की मदद से, सवाल #2 से जुड़ी गड़बड़ियों को ठीक किया जा सकता है. इसकी वजह यह है कि इन गड़बड़ियों का पता लगाना आसान होता है. पहला सवाल भी उतना ही ज़रूरी है, लेकिन माफ़ करें, DevTools इसमें आपकी मदद नहीं कर सकता. पहले सवाल से जुड़ी गड़बड़ियों का पता लगाने का सिर्फ़ एक ही तरीका है. इसके लिए, आपको खुद कीबोर्ड या स्क्रीन रीडर की मदद से पेज का इस्तेमाल करना होगा. ज़्यादा जानने के लिए, सुलभता समीक्षा करने का तरीका देखें.
किसी पेज की सुलभता का ऑडिट करना
आम तौर पर, Lighthouse पैनल में जाकर, सुलभता की जांच करने की सुविधा का इस्तेमाल करके यह पता लगाएं कि:
- स्क्रीन रीडर के लिए पेज को सही तरीके से मार्क किया गया हो.
- पेज पर मौजूद टेक्स्ट एलिमेंट का कंट्रास्ट रेशियो काफ़ी है. अपनी वेबसाइट को आसानी से पढ़ने लायक बनाना लेख भी पढ़ें.
किसी पेज का ऑडिट करने के लिए:
- उस यूआरएल पर जाएं जिसका ऑडिट करना है.
DevTools में, Lighthouse पैनल पर क्लिक करें. DevTools में, आपको कॉन्फ़िगरेशन के अलग-अलग विकल्प दिखते हैं.