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

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

टाइपफ़ेस

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

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

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

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

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

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

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

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

स्पेसिंग

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

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

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

टेक्स्ट के उचित होने की वजह से भी शब्दों का एक साथ ग्रुप बन सकता है या एक्सटेंशन को असामान्य तरीके से दिखाया गया है. इससे लोगों को किसी शब्द या वाक्य का पता लगाने में समस्या आ सकती है सीमाएं.

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

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

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

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

टाइपोग्राफ़ी से जुड़ी ऐसी अहम जानकारी जिन्हें ऐक्सेस किया जा सकता है

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

देखें कि आपको कितना समझ आया है

सुलभता को मापने के बारे में अपनी जानकारी को परखें