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

Sofia Emelianova
Sofia Emelianova

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

Chrome DevTools की मदद से, एक नज़र में कॉन्ट्रास्ट से जुड़ी सभी समस्याओं का पता लगाया जा सकता है. साथ ही, एक क्लिक में उन्हें ठीक किया जा सकता है.

इन कामों को करने का तरीका जानने के लिए वीडियो देखें:

  • इंस्पेक्टर मोड के टूलटिप में कंट्रास्ट रेशियो देखें. साथ ही, कलर पिकर में सुझाई गई रेशियो वैल्यू देखें.

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

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

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

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

    सीएसएस की खास जानकारी वाले पैनल और समस्याओं वाले टैब में दी गई कॉन्ट्रास्ट से जुड़ी समस्याएं.

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

    रेंडरिंग टैब में चुना गया धुंधला विज़न, जिसे व्यूपोर्ट में एमुलेट किया गया है.

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

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