DevTools के लिए सलाह: कम कंट्रास्ट वाले टेक्स्ट को खोजना और उसे ठीक करना

सोफ़िया एमिलियानोवा
सोफ़िया एमिलियानोवा

कम कंट्रास्ट वाला टेक्स्ट, वेब पर सुलभता से जुड़ी मुख्य समस्या है. फ़रवरी 2022 में, टॉप 10 लाख होम पेजों में से 83.9% पर यह समस्या थी. ज़्यादा जानने के लिए, WebAIM Million 2022 की रिपोर्ट देखें.

Chrome DevTools, आपको एक ही नज़र में सभी कंट्रास्ट समस्याओं का पता लगाने और बटन के एक क्लिक से उन्हें ठीक करने की सुविधा देता है.

यह वीडियो देखें और जानें कि:

  • इंस्पेक्टर मोड के टूलटिप में कंट्रास्ट अनुपात और कलर पिकर में सुझाई गई अनुपात वैल्यू देखें.

    कंट्रास्ट रेशियो की सुविधा टूलटिप में उपलब्ध होती है. इसके लिए, कलर पिकर का इस्तेमाल किया जाता है, ताकि वैकल्पिक रंगों का अनुपात मापा जा सके. राशन की AA और AAA ग्रेडिंग उपलब्ध है.

  • कलर पिकर में, WebAIM के दिशा-निर्देशों का पालन करने के लिए, सुझाए गए रंग चुनें या कंट्रास्ट अनुपात की लाइनों के नीचे कोई रंग चुनें.

    कलर पिकर के शेड की झलक में सुझाई गई कंट्रास्ट अनुपात की लाइनें उपलब्ध हैं.

  • सीएसएस की खास जानकारी और (झलक) समस्याएं पैनल में, कंट्रास्ट से जुड़ी सभी समस्याओं के बारे में जानें.

    सीएसएस की खास जानकारी देने वाले पैनल और 'समस्याएं' टैब में, कंट्रास्ट की समस्याएं बताई गई हैं.

  • दृष्टि की कमियों को एम्युलेट करें, ताकि आप यह समझ सकें कि आपके सभी उपयोगकर्ताओं को आपका पेज कैसा दिखता है.

    रेंडरिंग टैब में चुनी गई फ़ोटो या वीडियो को धुंधला करके दिखाया गया है और उसे व्यूपोर्ट में एम्युलेट किया गया है.

बेहतर तरीके से सीखने के लिए, अपनी वेबसाइट को पढ़ने में आसान बनाएं ट्यूटोरियल देखें.

ज़्यादा जानने के लिए, देखें: