टाइपाेग्राफ़ी

ऐक्सेस किया जा सकने वाला कॉन्टेंट बनाना और डिज़ाइन करना, पढ़ने में आसान फ़ॉन्ट चुनने से कहीं ज़्यादा है. फ़ॉन्ट फ़ैमिली के ऐक्सेस करने लायक फ़ॉन्ट फ़ैमिली के साथ भी, कम दृष्टि, समझने में दिक्कत, भाषा, और सीखने से जुड़ी दिव्यांगता वाले लोगों को टेक्स्ट को प्रोसेस करने में परेशानी हो सकती है. वे फ़ॉन्ट के अलग-अलग वैरिएशन, साइज़, स्पेसिंग, और कर्निंग जैसी चीज़ों की वजह से हो सकती हैं. यह मॉड्यूल डिज़ाइन से जुड़ी बुनियादी बातों पर ध्यान देगा, ताकि आपका कॉन्टेंट ज़्यादा से ज़्यादा लोगों तक पहुंचे.

टाइपफ़ेस

टाइपफ़ेस, कॉपी की सुलभता पर असर डालने वाला एक मुख्य फ़ैक्टर है. टाइपफ़ेस और स्टाइल की आपकी पसंद से, किसी भी पेज का डिज़ाइन बन या बिखर सकता है.

जब आप सुलभता वाले टाइपफ़ेस का इस्तेमाल करते हैं, तो डिस्लेक्सिया और ध्यान न लगा पाने की ज़्यादा सक्रियता की समस्या (एडीएचडी) जैसे पढ़ने, सीखने, और ध्यान से जुड़ी समस्या वाले लोगों के साथ-साथ कम दृष्टि वाले लोगों को भी फ़ायदा मिल सकता है.

सामान्य टाइपफ़ेस चुनें ऐक्सेस किए जा सकने वाले किसी डिज़ाइन को बनाने का सबसे तेज़ तरीका एक सामान्य टाइपफ़ेस चुनना है (उदाहरण के लिए, एरियल, टाइम्स न्यू रोमन, कैलिब्ररी, वर्डाना वगैरह).

दिव्यांग लोगों के लिए की जाने वाली कई टाइपफ़ेस स्टडी से पता चला है कि सामान्य टाइपफ़ेस से पढ़ने की स्पीड तेज़ हो जाती है. साथ ही, सामान्य टाइपफ़ेस की तुलना में उसे समझने में आसानी होती है. हालांकि, ये सामान्य टाइपफ़ेस, दूसरे टाइपफ़ेस की तुलना में ज़्यादा आसानी से उपलब्ध नहीं होते, लेकिन कुछ दिव्यांग लोग इन्हें आसानी से पढ़ पाते हैं, क्योंकि उन्हें इन टाइपफ़ेस के साथ काम करने (या इसके आस-पास) काफ़ी अनुभव मिले होते हैं.

सामान्य टाइपफ़ेस चुनने के अलावा, खूबसूरत या हाथ से लिखे हुए टाइपफ़ेस न चुनें. साथ ही, उन टाइपफ़ेस का भी इस्तेमाल न किया जाए जिनमें सिर्फ़ एक कैरेक्टर केस उपलब्ध हो. उदाहरण के लिए, सिर्फ़ अपरकेस वर्ण. घुमावदार डिज़ाइन वाले ये खास टाइपफ़ेस, अजीब आकार या पतली लाइन जैसी कलात्मक सुविधाएं देखने में तो अच्छी दिखती हैं, लेकिन कुछ दिव्यांग लोगों के लिए इन्हें पढ़ना आम टाइपफ़ेस के मुकाबले ज़्यादा मुश्किल होता है.

पत्र की विशेषताएं और कर्निंग

सेरिफ़ या सैंस सेरिफ़ टाइपफ़ेस को पढ़ना आसान है या नहीं, इस रिसर्च का कोई नतीजा नहीं निकला. हालांकि, कुछ संख्याओं, अक्षरों या कॉम्बिनेशन से लोगों को भाषा पर आधारित शिक्षा और सीखने-समझने की क्षमता से जुड़ी समस्याएं हो सकती हैं. इस तरह की दिव्यांगता वाले लोगों के लिए, हर अक्षर और संख्या को साफ़ तौर पर बताया जाना चाहिए और उनकी विशेषताएं खास होनी चाहिए. इसलिए, अक्षरों और संख्याओं को अंकों में नहीं गिना जाना चाहिए.

आम तौर पर, इन नियमों में अंग्रेज़ी के बड़े अक्षर "I" (भारत), अंग्रेज़ी के छोटे अक्षर "l" (लेटस), और अंक "1" शामिल हैं. इसी तरह, कुछ पाठकों के लिए b/d, p/q, f/t, i/j, m/w, और n/u जैसे अक्षरों के जोड़े कभी-कभी बाएं-दाएं या ऊपर-नीचे फ़्लिप हो सकते हैं.

अक्षरों के बीच स्पेस या कर्निंग का दायरा बहुत कम होने पर भी, कॉपी को पढ़ना आसान हो जाता है. कर्निंग पर विशेष ध्यान दें, खास तौर पर समस्या वाले अक्षर के जोड़े r/n के बीच. ऐसा न होने पर, "याम" जैसे शब्द "यम" या "स्टर्न" को "स्टेम" में बदल सकते हैं. इससे कॉपी का मतलब पूरी तरह बदल सकता है.

Google Fonts जैसे ओपन सोर्स टाइपफ़ेस कलेक्शन से, आपको अपने अगले डिज़ाइन के लिए सबसे बेहतर टाइपफ़ेस चुनने में मदद मिल सकती है. अगर Adobe प्रॉडक्ट इस्तेमाल किए जाते हैं, तो फ़ाउंड्री पार्टनर से ऐक्सेस किए जा सकने वाले फ़ॉन्ट फ़ैमिली को सीधे अपने डिज़ाइन में एम्बेड किया जा सकता है. इसमें चुनिंदा Google Fonts शामिल हैं.

अपने अगले टाइपफ़ेस की खोज करते समय, इन बातों पर खास ध्यान दें:

  • जहां भी हो सके वहां सामान्य फ़ॉन्ट का इस्तेमाल करें.
  • बड़े या हाथ से लिखे गए फ़ॉन्ट का इस्तेमाल करने से बचें. साथ ही, ऐसे फ़ॉन्ट इस्तेमाल करने से बचें जिनमें सिर्फ़ एक वर्ण का केस हो.
  • खास विशेषताओं वाला टाइपफ़ेस चुनें—अपरकेस I, लोअरकेस l, और 1 पर खास ध्यान दें.
  • अक्षरों के कुछ कॉम्बिनेशन देखकर यह पक्का करें कि वे एक-दूसरे की डुप्लीकेट इमेज नहीं हैं.
  • कर्निंग की जांच करें, खास तौर पर r/n अक्षर वाले पेयर के बीच में.

फ़ॉन्ट साइज़ और टाइपोग्राफ़िक स्टाइल

अक्सर लोगों को यह लगता है कि एक ऐक्सेस किया जा सकने वाला फ़ॉन्ट फ़ैमिली चुनने का मतलब ही, बिना किसी भेदभाव के सभी को शामिल करने वाला कॉन्टेंट बनाना है. हालांकि, फ़ॉन्ट साइज़ और पेज पर टेक्स्ट की स्टाइल को ध्यान में रखना भी ज़रूरी है.

उदाहरण के लिए, जिन लोगों को कम दृष्टि या कलर ब्लाइंडनेस वाले लोग कॉपी की कोई जानकारी नहीं देते हैं वे कॉपी को पढ़ने में AT—जैसे ब्राउज़र ज़ूम—का इस्तेमाल नहीं कर पाते हैं. वहीं, अन्य उपयोगकर्ताओं को इटैलिक टेक्स्ट पढ़ने में परेशानी हो सकती है. जैसे, डिस्लेक्सिया या पढ़ने से जुड़ी समस्या वाले लोगों को इटैलिक टेक्स्ट पढ़ने में परेशानी हो सकती है. स्क्रीन रीडर अक्सर स्टाइल के तरीकों को अनदेखा कर देते हैं. जैसे, बोल्ड और इटैलिक. इसलिए, ये स्टाइल, दृष्टिहीन या कम दृष्टि वाले उपयोगकर्ताओं को नहीं बताए जाते.

यह न करें
h2 {font-size: 16px;}
ऐसा करें
h2 {font-size: 1rem;}

हर उपयोगकर्ता की ज़रूरत का अनुमान नहीं लगाया जा सकता, इसलिए अपने डिजिटल प्रॉडक्ट में फ़ॉन्ट जोड़ते समय, इन दिशा-निर्देशों का ध्यान रखें:

  • बेस फ़ॉन्ट का साइज़, रिलेटिव वैल्यू (%, rem या em) से तय किया जाना चाहिए, ताकि साइज़ आसानी से बदला जा सके.
  • टेक्स्ट को आसानी से पढ़े जाने के लिए, टाइपफ़ेस के वैरिएशन की संख्या कम करें. जैसे, रंग, बोल्ड, अंग्रेज़ी के बड़े अक्षरों, और इटैलिक. इसके बजाय, अपनी कॉपी में शब्दों पर ज़ोर देने के तरीके इस्तेमाल करें, जैसे कि तारे के निशान, डैश या किसी एक शब्द को हाइलाइट करना.
  • जहां भी हो सके, इमेज पर टेक्स्ट के बजाय मार्कअप का इस्तेमाल करें. स्क्रीन रीडर, इमेज पर एम्बेड किए गए टेक्स्ट को नहीं पढ़ सकता. इसके लिए, कोई अतिरिक्त कोड नहीं जोड़ा जाता. साथ ही, कम दृष्टि वाले लोगों के लिए ज़ूम करने पर, एम्बेड किए गए टेक्स्ट को पिक्सलेट किया जा सकता है.

स्ट्रक्चर और लेआउट

टाइपफ़ेस, फ़ॉन्ट साइज़, और टाइपोग्राफ़िक स्टाइल, टाइपोग्राफ़ी को ऐक्सेस करने के लिए ज़रूरी हैं. हालांकि, किसी पेज पर कॉपी की संरचना और लेआउट, उपयोगकर्ता को समझने के लिए भी भी बराबर ज़रूरी हो सकते हैं.

कॉम्प्लेक्स लेआउट, कम दृष्टि वाले लोगों और पढ़ने में परेशानी से जूझ रहे लोगों के लिए परेशानी पैदा करने में रुकावट बन सकते हैं.अमेरिका में एडीएचडी से जूझ रहे 61 लाख लोग. इस तरह की दिव्यांगताएं लोगों के लिए अपनी जगह बनाए रखना और कॉपी के फ़्लो को फ़ॉलो करना और मुश्किल बनाती हैं. ऐसा साफ़ लीनियर पाथवे, गायब शीर्षक, और ग्रुप से बाहर के एलिमेंट की कमी की वजह से होता है.

ऐक्सेस किए जा सकने वाले लेआउट डिज़ाइन का एक अहम पहलू, ज़रूरी एलिमेंट को एक-दूसरे से अलग बनाना और मिलते-जुलते एलिमेंट को एक साथ ग्रुप करना है. अगर एलिमेंट बहुत पास-पास हैं, तो यह बताना मुश्किल हो सकता है कि कोई एलिमेंट कहां से शुरू और खत्म होता है. खास तौर पर, जब उनकी स्टाइल एक जैसी हो.

अपनी कॉपी को एक आउटलाइन पर अलग-अलग बुलेट पॉइंट के संग्रह के तौर पर देखें. इससे आपको पेज का स्ट्रक्चर तय करने में मदद मिलेगी. साथ ही, ज़रूरत पड़ने पर हेडिंग, सब-हेडर, और सूचियों का इस्तेमाल किया जा सकेगा.

स्पेसिंग

पैराग्राफ़, वाक्य, और शब्दों के बीच स्पेस बहुत ज़रूरी है, क्योंकि यह पाठकों को कॉपी पर अपना ध्यान बनाए रखने में मदद करता है और पेज को बेहतर तरीके से समझने में मदद करता है. दिव्यांग पाठकों को कॉन्टेंट कॉपी करने में परेशानी हो सकती है, क्योंकि उन्हें कॉपी की गई कॉपी को सही जगह देखने और किसी भी जगह से कॉपी करने में परेशानी होती है. कम संख्या में कॉपी होने से, पाठक अगली लाइन पर जा सकते हैं.

कॉन्टेंट अलाइनमेंट

कई दिव्यांग लोगों को एक और परेशानी होती है कि वे 'कॉन्टेंट की कॉपी' को ठीक से पढ़ सकते हैं. दोनों ओर की गई कॉपी में शब्दों के बीच असमान अंतर होने से, पेज पर "जगह की नदियां" बन सकती हैं, जिससे उस कॉपी को पढ़ना मुश्किल हो जाता है.

टेक्स्ट की वजह से, शब्दों को या तो एक साथ बंडल कर दिया जाता है या अस्वाभाविक तरीके से फैला दिया जाता है. इससे पाठकों को शब्द सीमाओं का पता लगाने में मुश्किल होती है.

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

स्ट्रक्चर और लेआउट के सबसे सही तरीके

स्ट्रक्चर और लेआउट का इस्तेमाल करते समय, इन बातों का ध्यान रखें:

  • पेज को अलग-अलग सेक्शन में बांटने के लिए हेडिंग, उप-शीर्षक, सूची, संख्या, कोटेशन ब्लॉक, और दूसरे विज़ुअल ग्रुपिंग जैसे एलिमेंट इस्तेमाल करें.
  • साफ़ तौर पर बनाए गए पैराग्राफ़, वाक्य, और शब्दों के बीच स्पेसिंग का इस्तेमाल करें.
  • कॉपी के ऐसे कॉलम बनाएं जिनकी चौड़ाई 80 वर्णों से ज़्यादा न हो (लोगोग्राम के लिए 40 वर्ण).
  • दोनों ओर अलाइन किए गए पैराग्राफ़ के अलाइनमेंट से बचें. इससे कॉपी में "स्पेस की नदियां" बनती हैं.

टाइपोग्राफ़ी से जुड़ी आसान जानकारी

लोगों की ज़रूरतों के बारे में आपकी जानकारी के आधार पर, आसानी से समझ आने वाली टाइपोग्राफ़ी को सामान्य जानकारी के डिज़ाइन के हिसाब से जोड़ा जा सकता है. अपना कॉन्टेंट डिज़ाइन करते और उसे तैयार करते समय इस मॉड्यूल को ध्यान में रखने से, बहुत सारे लोगों के साथ साफ़ तौर पर बातचीत करने में काफ़ी मदद मिलेगी.

आपने जो सीखा है उसकी जांच करें

सुलभता सुविधाओं के आकलन के बारे में अपनी जानकारी की जांच करें

आसानी से पढ़ी जा सकने वाली कॉपी के लिए, मुझे अपनी कॉपी और बैकग्राउंड के बीच हमेशा ज़्यादा कंट्रास्ट का इस्तेमाल करना चाहिए.

सही.
हालांकि, हाई-कंट्रास्ट की वजह से दिखने में परेशानी वाले कुछ लोगों को फ़ायदा हो सकता है, लेकिन कुछ लोगों को इस तरह की समस्याएं हो सकती हैं. इसकी वजह से, ज़्यादा कंट्रास्ट वाला कॉन्टेंट पढ़ना मुश्किल हो जाता है.
गलत.
कॉन्टेंट में कंट्रास्ट बहुत ज़्यादा होने पर, कुछ दिव्यांग लोग आपके कॉन्टेंट को नहीं पढ़ पाएंगे. अगर हो सके, तो उपयोगकर्ता के ऑपरेटिंग सिस्टम की सेटिंग को कंट्रास्ट तय करने की अनुमति दें.

सुलभता के लिए सबसे अच्छे फ़ॉन्ट कौनसे हैं?

एरियल और Verdana जैसे सिस्टम फ़ॉन्ट.
सामान्य टाइपफ़ेस की तुलना में, सामान्य टाइपफ़ेस से पढ़ने की स्पीड ज़्यादा तेज़ और समझने में ज़्यादा समय लगता है.
ऐक्सेस किए जा सकने वाले टाइपफ़ेस.
Adobe फ़ॉन्ट पर Google Foundry जैसे आसानी से इस्तेमाल होने वाले टाइपफ़ेस कलेक्शन की मदद से, अपने अगले डिज़ाइन के लिए सबसे बेहतर टाइपफ़ेस चुनें.
कोई बात नहीं.
फ़ॉन्ट चुनने से, यह तय होता है कि उसे आसानी से पढ़ा जा सकता है या नहीं. विस्तृत स्क्रिप्ट और आर्ट फ़ॉन्ट से बचें.