सुलभ कॉन्टेंट बनाने और उसे डिज़ाइन करने का मतलब सिर्फ़ ऐसा फ़ॉन्ट चुनना नहीं है जिसे आसानी से पढ़ा जा सके. सुलभ फ़ॉन्ट फ़ैमिली के बावजूद, कम दृष्टि, संज्ञानात्मक, भाषा, और सीखने से जुड़ी समस्याओं वाले लोगों को टेक्स्ट को समझने में मुश्किल हो सकती है. ऐसा फ़ॉन्ट के अलग-अलग वर्शन, साइज़, स्पेसिंग, और कर्लिंग जैसे अन्य एलिमेंट की वजह से होता है.
इस मॉड्यूल में, बुनियादी डिज़ाइन से जुड़ी बातों पर ध्यान दिया गया है. इससे आपको अपने कॉन्टेंट को ज़्यादा समावेशी बनाने और ज़्यादा लोगों तक पहुंचने में मदद मिलेगी.
टाइपफ़ेस
टाइपफ़ेस, कॉपी की सुलभता पर काफ़ी असर डाल सकता है. टाइपफ़ेस और स्टाइल का सही चुनाव करने से, पेज का डिज़ाइन बेहतर हो सकता है. वहीं, गलत चुनाव करने से डिज़ाइन खराब हो सकता है.
पढ़ने, सीखने, और ध्यान लगाने से जुड़ी समस्याओं, जैसे कि डिस्लेक्सिया और अटेंशन-डेफ़िसिट हाइपरऐक्टिविटी डिसऑर्डर (एडीएचडी) से जूझ रहे लोगों को सुलभ टाइपफ़ेस का इस्तेमाल करने से फ़ायदा मिल सकता है. इसके अलावा, कम दिखने की समस्या वाले लोगों को भी इससे फ़ायदा मिल सकता है.
सामान्य टाइपफ़ेस चुनें
ऐक्सेस किया जा सकने वाला डिज़ाइन बनाने का सबसे आसान तरीका यह है कि Arial, Times New Roman, Calibri, Verdana जैसे आम टाइपफ़ेस चुनें.
टाइपफ़ेस से जुड़ी कई स्टडी में, दिव्यांग लोगों को शामिल किया गया. इनमें यह पता चला कि सामान्य टाइपफ़ेस की मदद से, कम समय में ज़्यादा टेक्स्ट पढ़ा जा सकता है. साथ ही, टेक्स्ट को बेहतर तरीके से समझा जा सकता है. ऐसा, कम इस्तेमाल होने वाले टाइपफ़ेस की तुलना में होता है. आम तौर पर इस्तेमाल होने वाले टाइपफ़ेस, अन्य टाइपफ़ेस की तुलना में ज़्यादा सुलभ नहीं होते. हालांकि, कुछ दिव्यांग लोगों को इन्हें पढ़ने में आसानी होती है. इसकी वजह यह है कि उन्हें इन टाइपफ़ेस के साथ काम करने का काफ़ी अनुभव होता है.
सामान्य टाइपफ़ेस चुनने के साथ-साथ, सजावटी या हाथ से लिखे गए टाइपफ़ेस का इस्तेमाल न करें. साथ ही, ऐसे टाइपफ़ेस का इस्तेमाल न करें जिनमें सिर्फ़ एक वर्ण केस उपलब्ध हो. उदाहरण के लिए, सिर्फ़ बड़े अक्षरों वाले वर्ण. कर्सिव डिज़ाइन, अनोखे आकार या पतली लाइनों जैसी कलात्मक सुविधाओं वाले ये खास टाइपफ़ेस देखने में अच्छे लग सकते हैं. हालांकि, ये सामान्य टाइपफ़ेस की तुलना में, कुछ दिव्यांग लोगों के लिए पढ़ना बहुत मुश्किल होता है.
अक्षर की विशेषताएं और केर्निंग
इस बारे में कोई पक्का निष्कर्ष नहीं निकला है कि सेरिफ़ या सैंस सेरिफ़ टाइपफ़ेस को पढ़ना आसान है या नहीं. हालांकि, कुछ संख्याओं, अक्षरों या कॉम्बिनेशन से भाषा से जुड़ी सीखने की समस्याओं और संज्ञानात्मक समस्याओं वाले लोगों को भ्रम हो सकता है. इस तरह की अक्षमताओं वाले लोगों के लिए, हर अक्षर और संख्या को साफ़ तौर पर बताया जाना चाहिए. साथ ही, उनकी विशेषताएं अलग-अलग होनी चाहिए, ताकि अक्षरों को संख्याओं के साथ भ्रमित न किया जा सके.
पढ़ने में मुश्किल होने की वजह से, इन वर्णों को अक्सर अस्वीकार कर दिया जाता है: बड़े अक्षर I (India), छोटे अक्षर l (lettuce), और संख्या 1. इसी तरह, कुछ लोगों को अक्षर के जोड़े, जैसे कि b और d, p और q, f और t, i और j, m और w, और n और u उल्टे दिख सकते हैं. ये अक्षर बाएं से दाएं या ऊपर से नीचे की ओर उल्टे दिख सकते हैं.
अक्षरों के बीच की दूरी या कर्लिंग बहुत कम होने पर, कॉपी को पढ़ना मुश्किल हो जाता है. खास तौर पर, r/n अक्षर के जोड़े के बीच के स्पेस पर ध्यान दें. ऐसा न करने पर, "yarn" जैसे शब्द "yam" या "stern" से "stem" में बदल सकते हैं. इससे कॉपी का मतलब पूरी तरह से बदल जाता है.
Google Fonts जैसे ओपन सोर्स टाइपफ़ेस कलेक्शन की मदद से, अपने अगले डिज़ाइन के लिए सबसे सही टाइपफ़ेस चुना जा सकता है. अगर Adobe प्रॉडक्ट का इस्तेमाल किया जाता है, तो फ़ाउंड्री पार्टनर से ऐक्सेस की जा सकने वाली फ़ॉन्ट फ़ैमिली को सीधे तौर पर अपने डिज़ाइन में एम्बेड किया जा सकता है. इसमें चुनिंदा Google Fonts शामिल हैं.
अगला टाइपफ़ेस ढूंढते समय, इन बातों पर खास ध्यान दें:
- जब भी हो सके, आम तौर पर इस्तेमाल होने वाले फ़ॉन्ट का इस्तेमाल करें.
- ज़्यादा सजावटी या हाथ से लिखे गए फ़ॉन्ट और ऐसे फ़ॉन्ट इस्तेमाल न करें जिनमें सिर्फ़ एक वर्णमाला हो.
- ऐसा टाइपफ़ेस चुनें जिसकी अपनी खास विशेषताएं हों. खास तौर पर, कैपिटल I, स्मॉल l, और 1 पर ध्यान दें.
- कुछ अक्षरों के कॉम्बिनेशन की समीक्षा करें, ताकि यह पक्का किया जा सके कि वे एक-दूसरे की हूबहू कॉपी नहीं हैं.
- खास तौर पर, r और n अक्षर के बीच की जगह की जांच करें.
फ़ॉन्ट साइज़ और टाइपोग्राफ़िक स्टाइल
लोग अक्सर यह मान लेते हैं कि सुलभ फ़ॉन्ट फ़ैमिली चुनना ही, सभी के लिए कॉन्टेंट बनाने का तरीका है. हालांकि, फ़ॉन्ट साइज़ और पेज पर टेक्स्ट को स्टाइल करने के तरीके पर भी ध्यान देना ज़रूरी है.
उदाहरण के लिए, कम दृष्टि या कलर ब्लाइंडनेस वाले लोग, कॉपी को बहुत छोटा होने पर पढ़ नहीं पाते हैं. ऐसे में, वे कॉपी को पढ़ने के लिए, ब्राउज़र ज़ूम जैसे एटी का इस्तेमाल करते हैं. डिस्लेक्सिया या पढ़ने से जुड़ी अन्य समस्याओं से जूझ रहे लोगों को, इटैलिक टेक्स्ट पढ़ने में परेशानी हो सकती है. स्क्रीन रीडर अक्सर स्टाइलिंग के तरीकों को अनदेखा करते हैं. जैसे, बोल्ड और इटैलिक. इसलिए, इन स्टाइल का मकसद दृष्टिबाधित या कम दृष्टि वाले लोगों को नहीं बताया जाता.
h2 {font-size: 16px;}h2 {font-size: 1rem;}आपको यह नहीं पता होता कि हर उपयोगकर्ता की ज़रूरतें क्या हैं. इसलिए, अपनी वेबसाइटों और वेब ऐप्लिकेशन में फ़ॉन्ट जोड़ते समय, इन दिशा-निर्देशों का पालन करना न भूलें:
- रीसाइज़ करने की सुविधा के लिए, बेस फ़ॉन्ट के साइज़ को रिलेटिव वैल्यू (%, rem या em) के साथ तय किया जाना चाहिए.
- पढ़ने में आसानी हो, इसके लिए टाइपफ़ेस के अलग-अलग वैरिएंट का इस्तेमाल कम करें. जैसे, रंग, बोल्ड, अंग्रेज़ी के बड़े अक्षर, और इटैलिक. इसके बजाय, अपनी कॉपी में शब्दों पर ज़ोर देने के लिए, तरीकों का इस्तेमाल करें. जैसे, तारे के निशान, डैश या किसी शब्द को हाइलाइट करना.
- जहां भी हो सके, इमेज पर टेक्स्ट के बजाय मार्कअप का इस्तेमाल करें. स्क्रीन रीडर, इमेज में एम्बेड किए गए टेक्स्ट को नहीं पढ़ सकते. इसके लिए, अतिरिक्त कोड जोड़ना पड़ता है. इसके अलावा, कम दृष्टि वाले लोग जब एम्बेड किए गए टेक्स्ट को बड़ा करते हैं, तो वह पिक्सलेट भी हो सकता है.
स्ट्रक्चर और लेआउट
टाइपफ़ेस, फ़ॉन्ट साइज़, और टाइपोग्राफ़िक स्टाइल, सुलभ टाइपोग्राफ़ी के लिए ज़रूरी हैं. हालांकि, किसी पेज पर मौजूद कॉपी का स्ट्रक्चर और लेआउट भी उपयोगकर्ता के लिए उतना ही ज़रूरी हो सकता है.
जटिल लेआउट, कम दृष्टि वाले लोगों, पढ़ने में परेशानी होने वाले लोगों, और अमेरिका में एडीएचडी से पीड़ित 61 लाख लोगों के लिए एक बड़ी समस्या हो सकती है. इस तरह की समस्याओं की वजह से, लोगों को कॉपी में अपनी जगह बनाए रखने और उसके फ़्लो को समझने में मुश्किल होती है. ऐसा इसलिए होता है, क्योंकि कॉपी में साफ़ तौर पर लीनियर पाथवे नहीं होते, हेडिंग मौजूद नहीं होतीं, और एलिमेंट को ग्रुप नहीं किया जाता.
लेआउट डिज़ाइन को ऐक्सेस करने में आसानी हो, इसके लिए ज़रूरी है कि मुख्य एलिमेंट एक-दूसरे से अलग दिखें और एक जैसे एलिमेंट को एक साथ ग्रुप किया जाए. अगर एलिमेंट बहुत पास-पास हैं, तो यह बताना मुश्किल हो सकता है कि कोई एलिमेंट कहां से शुरू होता है और कहां खत्म होता है. ऐसा खास तौर पर तब होता है, जब उनकी स्टाइल एक जैसी हो.
अपनी कॉपी को किसी आउटलाइन पर मौजूद अलग-अलग बुलेट पॉइंट के कलेक्शन के तौर पर देखें. इससे आपको पूरे पेज के स्ट्रक्चर को प्लान करने में मदद मिलेगी. साथ ही, जब भी ज़रूरी हो, हेडिंग, सबहेडिंग, और सूचियों का इस्तेमाल किया जा सकेगा.
स्पेसिंग
पैराग्राफ़, वाक्य, और शब्दों के बीच की दूरी से, पढ़ने वाले लोगों को कॉपी पर ध्यान बनाए रखने में मदद मिलती है. साथ ही, इससे पेज के विज़ुअल को समझने में आसानी होती है. ज़्यादा लंबी लाइनों वाली कॉपी, दिव्यांग लोगों के लिए मुश्किल हो सकती है. ऐसा इसलिए, क्योंकि उन्हें यह याद रखने में परेशानी होती है कि उन्होंने कहां तक पढ़ा है. साथ ही, उन्हें कॉपी के फ़्लो को समझने में भी मुश्किल होती है.
कॉपी का छोटा ब्लॉक होने पर, पढ़ने वालों के लिए अगली लाइन पर जाना आसान हो जाता है.
कॉन्टेंट को सही तरीके से अलाइन करना
दिव्यांग लोगों को एक और समस्या का सामना करना पड़ता है. उन्हें टेक्स्ट को जस्टिफ़ाइड फ़ॉर्मैट में पढ़ने में परेशानी होती है. दोनों ओर अलाइन की गई कॉपी में शब्दों के बीच खाली जगह एक जैसी न होने की वजह से, पेज पर "खाली जगह की नदियां" बन सकती हैं. इससे कॉपी को पढ़ना मुश्किल हो जाता है.
टेक्स्ट को दोनों ओर अलाइन करने से, शब्द एक साथ जुड़ जाते हैं या अजीब तरीके से फैल जाते हैं. इसलिए, पढ़ने वालों को शब्दों की सीमाएं ढूंढने में मुश्किल हो सकती है.
शुक्र है कि स्पेसिंग के बारे में साफ़ तौर पर दिशा-निर्देश दिए गए हैं. साथ ही, Good Line-Height और Golden Ratio Calculator जैसे टूल उपलब्ध हैं. इनसे हमारी कॉपी को ज़्यादा सुलभ बनाने में मदद मिलती है. इन दिशा-निर्देशों को शामिल करने से, ध्यान न लगने की समस्या, पढ़ने, और देखने से जुड़ी समस्याओं से जूझ रहे लोगों को कॉपी पर ज़्यादा ध्यान देने में मदद मिलती है. इससे वे लेआउट पर कम ध्यान देते हैं.
स्ट्रक्चर और लेआउट के लिए सबसे सही तरीके
स्ट्रक्चर और लेआउट तय करते समय, इन बातों का ध्यान रखें:
- पेज को सेक्शन में बांटने के लिए, हेडिंग, सबहेडिंग, सूचियां, नंबर, कोट ब्लॉक, और अन्य विज़ुअल ग्रुपिंग जैसे एलिमेंट का इस्तेमाल करें.
- पैराग्राफ़, वाक्यों, और शब्दों के बीच स्पेस को साफ़ तौर पर तय करें.
- कॉपी के ऐसे कॉलम बनाएं जिनकी चौड़ाई 80 वर्णों से कम हो. लॉग्राम के लिए, यह सीमा 40 वर्णों की है.
- पैराग्राफ़ को जस्टिफ़ाइड अलाइनमेंट में न रखें. इससे कॉपी में "स्पेस की नदियां" बन जाती हैं.
टाइपोग्राफ़ी से जुड़ी सुलभता के बारे में अहम जानकारी
टाइपोग्राफ़ी को ऐक्सेस करने में आसानी हो, इसके लिए डिज़ाइन के सामान्य फ़ैसले लिए जा सकते हैं. ये फ़ैसले, उपयोगकर्ताओं की ज़रूरतों के बारे में आपकी जानकारी पर आधारित होते हैं. इस मॉड्यूल को ध्यान में रखकर कॉन्टेंट डिज़ाइन और तैयार करने से, आपको ज़्यादा से ज़्यादा लोगों के साथ साफ़ तौर पर बातचीत करने में मदद मिलेगी.