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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

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

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

    सीएसएस की खास जानकारी वाले पैनल और 'समस्याएं' टैब में मौजूद समस्याओं के बीच का अंतर.

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

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

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

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