Site search
Language
SEO टूल्स ट्राई करें
Site search hamburger-menu icon
भाषा चुनें
English
Čeština
Dansk
Deutsch
Eestlane
Español
Français
Hrvatski
Indonesia
Italiano
Lietuvis
Magyar
Melayu
Nederlands
Polski
Português
Română
Slovenský
Suomalainen
Svenska
Tiếng Việt
Türkçe
Ελληνικά
Български
Українська
Русский
ქართული
Հայերեն
עִברִית
العربية
فارسی
ภาษาไทย
한국어
中文
日本語

कंट्रास्ट चेकर

टेक्स्ट कंट्रास्ट अनुपात की गणना के लिए WCAG कलर कंट्रास्ट चेकर।

अग्रभूमि का रंग

कृपया एक वैध हेक्स ट्रिपलेट दर्ज करें, या कलर पिकर का उपयोग करें।

बैकग्राउंड का रंग

कृपया एक वैध हेक्स ट्रिपलेट दर्ज करें, या कलर पिकर का उपयोग करें।

कंट्रास्ट अनुपात 21:1

सामान्य टेक्स्ट

WCAG AA: Pass

WCAG AAA: Pass

उदाहरण सामान्य पाठ - 16px

बड़ा टेक्स्ट

WCAG AA: Pass

WCAG AAA: Pass

उदाहरण बड़ा पाठ 18pt/24px

ग्राफ़िकल ऑब्जेक्ट्स और यूज़र इंटरफ़ेस घटक

WCAG AA:  Pass

image/svg+xml
  • सामान्य टेक्स्ट आकार के लिए कंट्रास्ट अनुपात की गणना करें।
  • बड़े टेक्स्ट आकार के लिए कंट्रास्ट अनुपात की गणना करें।
  • उपयोगकर्ता इंटरफ़ेस घटकों के लिए कंट्रास्ट अनुपात की गणना करें।
  • कलर पिकर से रंग चुनें
  • कलर लाइटनेस सेट अप करें

कंट्रास्ट चेकर का उपयोग कैसे करें

  • बैकग्राउंड का रंग चुनें
  • फ़ोरग्राउंड रंग चुनें
  • जरूरत पड़ने पर लाइटनेस को एडजस्ट करें
  • सामान्य और बड़े पाठ के लिए ऑडिट की जाँच करें

पूछे जाने वाले प्रश्न

कंट्रास्ट चेकर कैसे काम करता है?

आपको पाठ और पृष्ठभूमि के रंग का मूल्यांकन करना होगा। WCAG 2.1 दिशानिर्देशों के अनुसार, ये हैं: बड़ा पाठ - 18px के न्यूनतम आकार वाले पाठ के लिए 3:1 के कंट्रास्ट अनुपात की आवश्यकता होती है; छोटा पाठ - 18px से कम आकार वाले पाठ के लिए 4. 5:1 के कंट्रास्ट अनुपात की आवश्यकता होती है।

मेरी वेबसाइट में पर्याप्त रंग कंट्रास्ट क्यों होना चाहिए?

कम कंट्रास्ट अनुपात वाली पृष्ठभूमि पर पाठ अक्सर पढ़ना मुश्किल होता है। यह न केवल दृश्य हानि वाले लोगों पर नकारात्मक प्रभाव डालता है, बल्कि यह वास्तव में सभी उपयोगकर्ताओं को असुविधाजनक बनाता है। एक उदाहरण धूप वाले दिन बाहर सेल फोन पर टेक्स्ट पढ़ना है।

वेबसाइट एक्सेसिबिलिटी का मतलब क्या है?

एक सुलभ वेबसाइट एक वेबसाइट है जिसे डिज़ाइन किया गया है ताकि दृश्य या श्रवण दोष वाले लोग बिना किसी प्रतिबंध के इसका उपयोग कर सकें। उदाहरण के लिए, यह सुनिश्चित करता है कि साइट के सभी तत्वों में पर्याप्त रंग कंट्रास्ट हो, यानी टेक्स्ट का रंग बैकग्राउंड कलर से काफी अलग है।

क्या छवियों और वीडियो को WCAG रंग कंट्रास्ट आवश्यकताओं का अनुपालन करना पड़ता है?

कुछ ग्राफिक्स और इंटरफ़ेस घटकों के लिए कम से कम 3:1 के कंट्रास्ट अनुपात की आवश्यकता होती है। हालाँकि, इसमें लोगो, सजावटी चित्र या सामान्य मीडिया फ़ाइलें शामिल नहीं हैं।

© Smallize Pty Ltd 2022-2024. All Rights Reserved.