SMLLR
होमगाइडQR कोड एक्सेसिबिलिटी: अपने कोड को सबके लिए इस्तेमाल करने योग्य बनाना

QR कोड एक्सेसिबिलिटी: अपने कोड को सबके लिए इस्तेमाल करने योग्य बनाना

कॉन्ट्रास्ट, प्रिंट साइज़, फॉलबैक टेक्स्ट, ऑल्ट-टेक्स्ट, और स्क्रीन-रीडर-फ्रेंडली फ्रेमिंग कवर करने वाली एक प्रैक्टिकल qr code एक्सेसिबिलिटी गाइड — ताकि आपके QR कोड लो-विज़न, बड़ी उम्र, और नॉन-स्मार्टफोन यूज़र के लिए भी काम करें।

एक्सेसिबिलिटी खास तौर पर एक QR कोड के लिए क्यों मायने रखती है

एक QR कोड एक असामान्य इंटरसेक्शन पर बैठता है: यह एक विज़ुअल पैटर्न है जिसे साफ देखा जाना चाहिए, फिजिकली एक कैमरे से पॉइंट किया जाना चाहिए, और 'स्कैन करने लायक कुछ' के तौर पर समझा जाना चाहिए — तीन अलग पॉइंट जहां लो विज़न, सीमित निपुणता, एक पुराना या बजट फोन, या बस स्कैन करने में कोई दिलचस्पी न रखने वाला कोई व्यक्ति फंस सकता है। इस qr code एक्सेसिबिलिटी गाइड का ज़्यादातर हिस्सा सीधे उससे ओवरलैप करता है जो पहले से एक कोड को शुरू से भरोसे से स्कैन होने योग्य बनाता है — अपर्याप्त कॉन्ट्रास्ट या एक बहुत छोटा कोड एक लो-विज़न यूज़र और खराब लाइटिंग में एक फोन कैमरे दोनों के लिए उसी अंडरलाइंग वजह से फेल होता है। एक्सेसिबिलिटी और स्कैन रिलायबिलिटी को एक ही समस्या मानना, दो अलग चेकलिस्ट के बजाय, दोनों को असल में सही करने का प्रैक्टिकल तरीका है।

कॉन्ट्रास्ट: सबसे बड़ा एकल फैक्टर

एक QR स्कैनर (और एक इंसानी आंख) को पैटर्न को बिल्कुल पढ़ने के लिए डार्क मॉड्यूल और हल्के बैकग्राउंड के बीच एक साफ, स्पष्ट सीमा चाहिए। सबसे सुरक्षित चॉइस अभी भी एक हल्के बैकग्राउंड पर एक डार्क रंग है — असली काला-सफेद आपको सबसे बड़ा मुमकिन कॉन्ट्रास्ट मार्जिन देता है, जो खराब लाइटिंग में एक फोन कैमरा और लो-विज़न या कलर-विज़न कमी वाले एक व्यक्ति दोनों की मदद करता है। अगर आप काले के बजाय एक ब्रांड रंग इस्तेमाल कर रहे हैं, इसे एक मिड-टोन के बजाय असल में डार्क रखें (डीप नेवी, चारकोल, फॉरेस्ट ग्रीन), और समान चमक वाले दो सैचुरेटेड रंगों को जोड़ने से बचें — एक ब्राइट ब्लू बैकग्राउंड पर एक ब्राइट रेड कोड एक कैज़ुअल नज़र में पास हो सकता है लेकिन स्कैनर और कुछ कलर-विज़न कमी वाले लोगों दोनों के लिए फेल हो सकता है। SMLLR का QR Design Studio आपको डॉट्स और बैकग्राउंड को आपके चाहे किसी भी हेक्स रंग पर सेट करने देता है, ग्रेडिएंट सहित, लेकिन यह आपके लिए कोई कॉन्ट्रास्ट चेक नहीं चलाता — वह जजमेंट कॉल आप पर है जब आप अपने रंग चुनते हैं, और इसे एक वेबसाइट पर बॉडी टेक्स्ट के लिए रंग चुनने जितनी गंभीरता से लेना उचित है।

फिजिकल प्रिंट साइज़ और स्कैन डिस्टेंस

एक QR कोड जो स्क्रीन पर बिल्कुल डिज़ाइन किया गया है वह प्रिंट में फिर भी अपठनीय हो सकता है अगर यह इतना छोटा है कि कोई इसे स्कैन करते समय जितनी दूर खड़ा होगा उसके लिए काफी न हो। एक मोटा, व्यापक रूप से इस्तेमाल किया गया अंगूठे का नियम: कोड की प्रिंटेड चौड़ाई इच्छित स्कैन डिस्टेंस के कम से कम लगभग दसवें हिस्से जितनी होनी चाहिए। हाथ की लंबाई से (लगभग 30cm) स्कैन किए जाने वाला एक कोड छोटा हो सकता है, शायद 2-3cm पार; एक मीटर दूर से स्कैन किए जाने वाला एक रिटेल पोस्टर पर एक कोड लगभग 10cm पार के करीब होना चाहिए; कई मीटर दूर से स्कैन किया गया एक बिलबोर्ड या बड़े बैनर पर एक कोड उसी हिसाब से बढ़ना चाहिए। एक कोड को असंगत रूप से छोटा करना लो-विज़न वाले लोगों, एक फोन को एक ज़्यादा दूर, ज़्यादा आरामदायक दूरी पर पकड़े हुए बड़ी उम्र के यूज़र, और जल्दी में स्कैन करने वाले किसी को भी नुकसान पहुंचाता है — बिल्कुल न्यूनतम के बजाय एक साइज़ मार्जिन बनाना ज़्यादा एक्सेसिबल डिफ़ॉल्ट है।

  • हाथ-की-लंबाई स्कैन (बिज़नेस कार्ड, टेबल टेंट, रसीद): लगभग 2-3cm मिनिमम।
  • कमरे-की-दूरी स्कैन (पोस्टर, रिटेल शेल्फ, दरवाज़े का साइनेज): लगभग 5-10cm मिनिमम।
  • एक जगह के आर-पार स्कैन (बैनर, स्टोरफ्रंट विंडो, इवेंट बैकड्रॉप): 15cm या बड़ा।
  • शक होने पर, साइज़ बढ़ाएं — एक बड़ा साइज़ वाला कोड कुछ खर्च नहीं करता; एक छोटा साइज़ वाला ठीक उन्हीं यूज़र के लिए चुपचाप फेल होता है जिन्हें मार्जिन की सबसे ज़्यादा ज़रूरत है।

जानकारी तक पहुंचने का एकमात्र रास्ता कभी QR कोड को न बनाएं

कुछ लोग एक QR कोड स्कैन नहीं कर सकते या नहीं करना चाहते — कोई स्मार्टफोन नहीं, एक टूटे कैमरे वाला फोन, लो विज़न जो एक कैमरा पॉइंट करना मुश्किल बनाती है, या बस उस पल अपना फोन निकालना नहीं चाहते। एक QR कोड को हमेशा आपके कॉन्टेंट तक एक रास्ता होना चाहिए, कभी एकमात्र नहीं। सबसे सरल फॉलबैक है कोड के बिल्कुल बगल में उसी डेस्टिनेशन को पढ़ने योग्य टेक्स्ट के तौर पर प्रिंट करना — एक छोटा URL या एक पठनीय फॉन्ट साइज़ में फोन नंबर, फाइन प्रिंट में दबा हुआ नहीं। क्योंकि एक SMLLR डायनामिक QR कोड की डेस्टिनेशन एक एडिटेबल, इंसान-पठनीय स्लग के पीछे रहती है (वही स्लग जो आप कोड बनाते समय सेट करते हैं, QR एडिटर से एडिटेबल), आपके पास पहले से कोड के नीचे रखने के लिए एक छोटा, प्रिंट करने योग्य URL उपलब्ध है — आप फॉलबैक टेक्स्ट के तौर पर एक लंबा, अपठनीय ऑटो-जेनरेटेड लिंक प्रिंट करने में फंसे नहीं हैं।

एक वेबपेज पर QR इमेज के लिए ऑल्ट टेक्स्ट और कॉन्टेक्स्ट

जब एक QR कोड इमेज एक वेबसाइट पर दिखाई देती है — मान लीजिए, एक 'हमारा ऐप पाने के लिए स्कैन करें' सेक्शन, या एक प्रिंट करने योग्य कूपन पेज — इसे किसी भी अन्य मीनिंगफुल इमेज की तरह ऑल्ट टेक्स्ट चाहिए, और अकेले 'QR code' काफी नहीं है। ऑल्ट टेक्स्ट को यह बताना चाहिए कि कोड स्कैन करना असल में क्या करता है: 'QR code linking to the SMLLR app download page,' सिर्फ 'QR code image' नहीं। इससे भी बेहतर, अकेले इमेज पर निर्भर न रहें — पेज पर QR कोड इमेज के बगल में उसी डेस्टिनेशन को एक सामान्य, क्लिक करने योग्य टेक्स्ट लिंक या बटन के तौर पर रखें। उस पेज को ब्राउज़ करने वाले एक स्क्रीन-रीडर यूज़र को एक QR कोड इमेज से कुछ भी उपयोगी नहीं मिलता चाहे उसका ऑल्ट टेक्स्ट कितना भी अच्छा हो (वे अपनी खुद की स्क्रीन को अपनी खुद की स्क्रीन से स्कैन नहीं कर सकते), तो सटीक आस-पास का टेक्स्ट लिंक ही है जो असल में उस कॉन्टेंट के टुकड़े को उनके लिए इस्तेमाल करने योग्य बनाता है, ऑल्ट टेक्स्ट नहीं।

एक QR कोड एम्बेड करने वाले पेज पर स्क्रीन-रीडर-फ्रेंडली फ्रेमिंग

खुद इमेज पर ऑल्ट टेक्स्ट से परे, इस बारे में सोचें कि आसपास का पेज एक स्क्रीन रीडर इस्तेमाल करने वाले किसी को कैसे पढ़ा जाता है। QR कोड सेक्शन को एक उचित हेडिंग दें ताकि इसे पेज के बीच में गलती से टकराने के बजाय सीधे नेविगेट किया जा सके। साफ तौर पर, टेक्स्ट में, बताएं कि स्कैन करना कहां ले जाता है और कोई क्यों चाहेगा — वही जानकारी जो एक दृष्टि वाला यूज़र कोड और इसके आसपास किसी कैप्शन पर एक नज़र डालकर पाता है। और क्रिटिकली, क्योंकि एक वेबपेज में एम्बेडेड एक QR कोड किसी के लिए कुछ हद तक बेकार है जो पहले से उस पेज को उसी डिवाइस पर देख रहा है जिससे वे स्कैन करेंगे — हमेशा पेज पर खुद एक दृष्टि वाले मोबाइल विज़िटर के लिए, और निश्चित रूप से एक स्क्रीन-रीडर यूज़र के लिए, एक सादे, टैप करने योग्य लिंक के तौर पर वही डेस्टिनेशन दें, बजाय इसके कि किसी को उसी स्क्रीन पर दिखाए गए एक कोड को स्कैन करने के लिए कहें जिसे वे पढ़ रहे हैं।

एरर करेक्शन: बिल्ट-इन रिडंडेंसी जो असली-दुनिया की स्कैनिंग में मदद करती है

QR कोड में एक बिल्ट-इन एरर-करेक्शन मैकेनिज्म है जो एक स्कैनर को कोड सफलतापूर्वक पढ़ने देता है भले ही इसका हिस्सा डैमेज, गंदा, खराब रोशनी वाला, या एक लोगो से आंशिक रूप से ढका हो। SMLLR का Design Studio एक कोड बनाते समय चार एरर-करेक्शन लेवल एक्सपोज़ करता है — L (~7% रिकवरी, साफ डिजिटल डिस्प्ले के लिए सबसे अच्छा), M (~15% रिकवरी, सामान्य बिज़नेस इस्तेमाल), Q (~25% रिकवरी, SMLLR का डिफ़ॉल्ट, प्रिंटेड मटीरियल और आउटडोर साइनेज के लिए उपयुक्त), और H (~30% रिकवरी, एक लोगो ओवरले वाले कोड या कठोर एनवायरनमेंट के लिए बनाया गया)। अपने यूज़ केस के लिए बिल्कुल न्यूनतम से ऊंचा एक लेवल चुनना एक असली एक्सेसिबिलिटी-सटी प्रैक्टिस है: यह एक थोड़े घिसे प्रिंट, एक अजीब एंगल पर देखे गए एक कोड, या कम रोशनी में जूझते एक फोन कैमरे के लिए टॉलरेंस बनाता है — बिल्कुल वे कंडीशन जिनके तहत एक कोड को हर किसी के लिए भरोसे से इस्तेमाल करने योग्य होने के लिए काम करते रहना चाहिए, सिर्फ अच्छी लाइटिंग में एक स्थिर हाथ और एक नए फोन वाले किसी के लिए नहीं।

असली कंडीशन के साथ टेस्ट करें, सिर्फ अपने फोन से नहीं

QR एक्सेसिबिलिटी टेस्टिंग में सबसे आम गैप यह है कि एक कोड को सिर्फ एक नए फ्लैगशिप फोन पर, अच्छी ऑफिस लाइटिंग में, बिल्कुल स्थिर पकड़े हुए, बिल्कुल उस दूरी पर स्कैन किया जाए जो डिज़ाइनर के दिमाग में थी। एक कोड के स्केल पर प्रिंट में जाने से पहले, इसे एक पुराने या बजट Android डिवाइस पर (सिर्फ लेटेस्ट iPhone पर नहीं), धुंधली लाइटिंग में, एक हल्के एंगल पर, और असली डिप्लॉयमेंट लोकेशन पर एक असली यूज़र जितनी दूर खड़ा होगा उतनी दूर से टेस्ट-स्कैन करें। इस तरह की टेस्टिंग कॉन्ट्रास्ट और साइज़ की समस्याएं पकड़ती है जो एक मॉनिटर पर बिल्कुल ठीक दिखती हैं लेकिन एक अपूर्ण असली-दुनिया की स्कैनिंग कंडीशन से मिलते ही फेल हो जाती हैं — जो, आपकी असली ऑडियंस के एक मीनिंगफुल हिस्से के लिए, सामान्य कंडीशन है, अपवाद नहीं।

एक एक्सेसिबल QR कोड चेकलिस्ट

स्केल पर एक QR कोड प्रिंट या पब्लिश करने से पहले, इसे इन बेसिक्स के खिलाफ चलाएं:

  • एक हल्के बैकग्राउंड पर मज़बूत, असली कॉन्ट्रास्ट वाले डार्क मॉड्यूल — अगर आपको यकीन नहीं है तो असली काला-सफेद।
  • प्रिंटेड साइज़ रियलिस्टिक स्कैन डिस्टेंस के हिसाब से स्केल्ड, शक होने पर नीचे के बजाय ऊपर साइज़ किया गया।
  • कोड के साथ प्रिंटेड एक पठनीय फॉलबैक (छोटा URL या फोन नंबर), अकेले कोड पर निर्भर न रहते हुए।
  • अगर फॉलबैक टेक्स्ट दिखाई देता है तो एक लंबी ऑटो-जेनरेटेड स्ट्रिंग के बजाय एक छोटा, इंसान-पठनीय स्लग।
  • एक वेबपेज पर इस्तेमाल की गई किसी भी QR इमेज पर मीनिंगफुल ऑल्ट टेक्स्ट, डेस्टिनेशन बताते हुए, सिर्फ 'QR code' नहीं।
  • वही डेस्टिनेशन QR इमेज एम्बेड करने वाले किसी भी पेज पर एक सादे क्लिक करने योग्य लिंक के तौर पर भी उपलब्ध।
  • प्रिंटेड कोड के लिए एक Q या H एरर-करेक्शन लेवल, खास तौर पर किसी भी लोगो ओवरले वाले के लिए।
  • असली इच्छित दूरी से, अपूर्ण लाइटिंग में, एक पुराने फोन पर एक असली टेस्ट स्कैन।

SMLLR पर एक्सेसिबल QR कोड डिज़ाइन करें

SMLLR का QR Design Studio आपको कॉन्ट्रास्ट-संबंधित सेटिंग पर सीधा कंट्रोल देता है — डॉट्स रंग, बैकग्राउंड रंग, और एरर-करेक्शन लेवल — साथ ही एक एडिटेबल, इंसान-पठनीय स्लग जिसे आप हर कोड के बगल में एक फॉलबैक के तौर पर प्रिंट कर सकते हैं। SMLLR के Starter प्लान (₹499/महीना) पर अपना पहला QR कोड बनाएं और इन एक्सेसिबिलिटी बेसिक्स को शुरू से बनाएं, एक बैच पहले से प्रिंट होने के बाद इन्हें रेट्रोफिट करने के बजाय। आम तौर पर विज़ुअल डिज़ाइन सही करने के बारे में ज़्यादा जानने के लिए, पूरी QR डिज़ाइन गाइड देखें।

अक्सर पूछे जाने वाले सवाल

एक QR कोड को एक्सेसिबल होने के लिए मिनिमम कॉन्ट्रास्ट क्या चाहिए?

कोई SMLLR-एनफोर्स्ड मिनिमम नहीं है, तो इसे एक वेबसाइट पर बॉडी टेक्स्ट जैसे ट्रीट करें: मज़बूत, स्पष्ट कॉन्ट्रास्ट के लिए लक्ष्य रखें, अगर आपको यकीन नहीं है कि आपके चुने गए रंग काफी डार्क हैं तो सबसे सुरक्षित डिफ़ॉल्ट के तौर पर असली काला-सफेद।

एक प्रिंटेड QR कोड कितना बड़ा होना चाहिए?

एक आम अंगूठे का नियम है कि कोड की प्रिंटेड चौड़ाई इच्छित स्कैन डिस्टेंस के कम से कम लगभग दसवें हिस्से जितनी होनी चाहिए — एक कमरे के आर-पार या उससे आगे से स्कैन की गई किसी भी चीज़ के लिए बड़ी, सिर्फ क्लोज़, हाथ-की-लंबाई प्लेसमेंट के लिए छोटी।

क्या मुझे कभी कुछ जानकारी तक पहुंचने के एकमात्र तरीके के तौर पर एक QR कोड पर निर्भर होना चाहिए?

नहीं। हमेशा एक फॉलबैक दें — कोड के बगल में एक प्रिंटेड छोटा URL या फोन नंबर — किसी के लिए भी जो इसे स्कैन नहीं कर सकता या नहीं करना चाहता।

क्या SMLLR पब्लिश करने से पहले मेरे QR कोड का कॉन्ट्रास्ट चेक करता है?

नहीं। SMLLR का Design Studio आपको कोई भी डॉट्स और बैकग्राउंड रंग सेट करने देता है, ग्रेडिएंट सहित, लेकिन यह कोई ऑटोमेटेड कॉन्ट्रास्ट चेक नहीं चलाता — रंग चुनते समय वह जजमेंट आप पर है।

मुझे अपनी वेबसाइट पर एक QR कोड इमेज के लिए कौन सा ऑल्ट टेक्स्ट इस्तेमाल करना चाहिए?

बताएं कि स्कैन करना कहां ले जाता है, सिर्फ यह नहीं कि यह एक QR कोड है — मिसाल के तौर पर, 'QR code linking to the SMLLR app download page' न कि 'QR code image।'

क्या एक वेबपेज जो एक QR कोड दिखाता है उसे लिंक को नियमित टेक्स्ट के तौर पर भी दिखाना चाहिए?

हां। एक पेज पर एक QR कोड जिसे एक विज़िटर पहले से अपने डिवाइस पर देख रहा है वह उनके या एक स्क्रीन-रीडर यूज़र के लिए सीधे इस्तेमाल करने योग्य नहीं है — हमेशा उसी पेज पर एक सादे, क्लिक करने योग्य टेक्स्ट लिंक के तौर पर भी डेस्टिनेशन दें।

एक QR कोड के एरर-करेक्शन लेवल का एक्सेसिबिलिटी से क्या लेना-देना है?

एक ऊंचा एरर-करेक्शन लेवल (SMLLR के Design Studio में Q या H) एक कोड को प्रिंट घिसावट, एक अजीब एंगल, खराब लाइटिंग, या एक लोगो ओवरले के बावजूद फिर भी सफलतापूर्वक स्कैन होने देता है — ऐसी कंडीशन जो कम-से-आदर्श असली-दुनिया की स्कैनिंग को असंगत रूप से प्रभावित करती हैं।

SMLLR का डायनामिक QR कोड फॉलबैक-टेक्स्ट ज़रूरत में क्यों मदद करता है?

क्योंकि कोड की डेस्टिनेशन एक एडिटेबल, इंसान-पठनीय स्लग के पीछे रहती है जो आप इसे बनाते समय सेट करते हैं, आपके पास पहले से कोड के नीचे प्रिंट करने के लिए एक छोटा, पठनीय URL है — एक लंबी, अपठनीय ऑटो-जेनरेटेड स्ट्रिंग के बजाय।

संबंधित रिसोर्सेज

सभी गाइड देखें