इस पृष्ठ का अनुवाद AI की सहायता से किया गया है। अंग्रेज़ी मूल ही प्रामाणिक है।
2005 की मूल सिफ़ारिश दो टूक थी: सतत पाठ को सीधे रोमन अक्षरों में सेट करें, क्योंकि तिरछे अक्षर-रूप अल्प दृष्टि (low vision) वाले पाठकों के लिए सुलझाने में कठिन होते हैं। स्क्रीन-रेंडरिंग में दो दशकों के सुधार, उच्चतर-रिज़ॉल्यूशन डिस्प्ले और बेहतर शोध ने उस सलाह को पलटे बिना परिष्कृत किया है। बॉडी टेक्स्ट के लिए सीधा टाइप ही सही डिफ़ॉल्ट बना हुआ है। जो बदला है वह है क्यों की हमारी समझ, और यह कि जब तिरछा टाइप वाक़ई उपयोगी हो तो क्या किया जाए।
तिरछापन कोई एक चीज़ नहीं है। असली इटैलिक एक अलग डिज़ाइन है — प्रायः भिन्न अक्षर-रचनाओं वाला (एक-मंज़िला a और g, लिखावट-शैली के प्रवेश और निकास स्ट्रोक, संकरे अनुपात)। ऑब्लीक (oblique) सीधा डिज़ाइन है जिसे यांत्रिक या ऑप्टिकल रूप से तिरछाया गया है। और संश्लेषित तिरछापन वह है जो इटैलिक फ़ाइल उपलब्ध न होने पर सॉफ़्टवेयर गढ़ता है: ब्राउज़र रोमन ग्लिफ़ों को बग़ल की ओर काट देता है। इन तीनों मामलों की सुपाठ्यता-प्रोफ़ाइलें बहुत भिन्न हैं, और 2005 के पाठ ने इन्हें एक ही मान लिया था।
2005 के बाद क्या बदला
संस्करण 1 ने इटैलिक से पूरी तरह बचने और बल के लिए बोल्ड प्रतिस्थापित करने की सिफ़ारिश की थी। हिंटेड बिटमैप रेंडर करने वाली 96 DPI स्क्रीनों के लिए वह उचित सलाह थी, जहाँ तिरछे स्ट्रोक सीढ़ीनुमा किनारों में बदल जाते थे और अक्षर-रूप सचमुच बिखर जाते थे। सबपिक्सेल और ग्रेस्केल एंटी-एलियासिंग वाले आधुनिक उच्च-घनत्व डिस्प्ले पर एक अच्छी तरह खींचा गया इटैलिक साफ़ रेंडर होता है, और छोटे खंडों के लिए वह सर्वव्यापी निषेध अब उचित नहीं रहा।
वर्तमान सहमति, जो अल्प-दृष्टि पाठकों की सेवा करने वाले संगठनों के मार्गदर्शन में झलकती है, आनुपातिक है: सतत पाठ — अनुच्छेदों, लंबे कैप्शनों, विस्तृत उद्धरणों — के लिए इटैलिक से बचें, लेकिन उनकी पारंपरिक अर्थगत भूमिकाओं के लिए उन्हें स्वीकारें: किसी शब्द या वाक्यांश पर बल, कृतियों के शीर्षक, विदेशी पद। समस्या कभी चंद तिरछे शब्द नहीं थे; समस्या उनसे भरे पृष्ठ थे।
दूसरा बड़ा परिवर्तन है वेरिएबल फ़ॉन्ट (variable fonts)। OpenType वेरिएशन्स, जो लगभग 2018 से हर प्रमुख ब्राउज़र में समर्थित हैं, यहाँ प्रासंगिक दो पंजीकृत अक्ष लाए: slnt (तिरछापन), एक सतत कोण जो आमतौर पर ऋणात्मक अंशों में व्यक्त होता है, और ital (इटैलिक), जो प्रायः रोमन और असली-इटैलिक रचनाओं के बीच एक द्विआधारी स्विच है। CSS इन्हें font-style प्रॉपर्टी के माध्यम से उपलब्ध कराती है — font-style: italic को ital अक्ष या इटैलिक फ़ाइल चुननी चाहिए, जबकि font-style: oblique 8deg समर्थन करने वाले फ़ॉन्ट्स पर एक विशिष्ट तिरछा कोण माँग सकता है। यह डिज़ाइनरों को वह परिशुद्ध, सुविचारित नियंत्रण देता है जो 2005 में था ही नहीं।
असली इटैलिक, ऑब्लीक और संश्लेषित तिरछापन
सुपाठ्यता का पदानुक्रम सुसंगत है। असली इटैलिक इटैलिक के रूप में ही खींचे जाते हैं: स्ट्रोक कोण के लिए संतुलित होते हैं, काउंटर खुले रहते हैं, स्पेसिंग फ़िट की जाती है। टाइप डिज़ाइनर द्वारा डिज़ाइन किए गए ऑब्लीक (ग्रोटेस्क सैंस-सेरिफ़ों में आम) एक पायदान नीचे हैं पर फिर भी जान-बूझकर संशोधित होते हैं — वक्र फिर से खींचे जाते हैं ताकि वे कटाव में विकृत न हों। संश्लेषित तिरछापन बदतरीन स्थिति है: सरलीकृत कटाव हर वक्र का एक पक्ष पतला कर देता है, काउंटर बंद करता है और स्पेसिंग बिगाड़ता है। परिणाम का कोई भी अंश किसी डिज़ाइनर ने कभी देखा ही नहीं।
व्यावहारिक नियम: नक़ली इटैलिक पर कभी निर्भर न रहें। यदि आपके शिप किए गए टाइपफ़ेस में इटैलिक नहीं है, तो या तो एक लोड करें या इटैलिक स्टाइलिंग का उपयोग ही न करें। CSS में font-synthesis: none (या font-synthesis-style: none) ब्राउज़र के गढ़े हुए तिरछेपन को निष्क्रिय कर देता है, ताकि अनुपस्थित इटैलिक विकृत कटाव के बजाय सीधे रूप में उतरे। अपनी फ़ॉन्ट-लोडिंग का ऑडिट करें — आश्चर्यजनक संख्या में प्रोडक्शन साइटें ऐसी इटैलिक शैलियाँ माँगती हैं जिन्हें वे वास्तव में कभी लोड ही नहीं करतीं, और उन खंडों में से हर एक संश्लेषित तिरछेपन के रूप में रेंडर होता है।
अल्प-दृष्टि संबंधी विचार
2005 का केंद्रीय प्रेक्षण घटी हुई तीक्ष्णता, केंद्रीय दृष्टि-क्षेत्र की हानि, या मोतियाबिंद-जनित धुँधलेपन वाले पाठकों के लिए आज भी सही है: तिरछे अक्षर-रूप कम परिचित आकृतियाँ, अधिक कसी प्रतीत होने वाली स्पेसिंग, और — लिखावट-रंगत वाले इटैलिकों में — ऐसी अक्षर-रचनाएँ प्रस्तुत करते हैं जो उस रोमन से भिन्न हैं जिस पर पाठक ने अभ्यास किया है। WCAG इटैलिक को प्रतिबंधित नहीं करती, लेकिन अल्प-दृष्टि उपयोगकर्ता की ज़रूरतों से जुड़ा मार्गदर्शन लगातार उन्हें सीमित करने की सलाह देता है, और टेक्स्ट को आवर्धित करने वाले पाठक बताते हैं कि धुँधलेपन में इटैलिक अपने सीधे समकक्ष से तेज़ी से बिगड़ता है।
बोल्ड बल का एक सशक्त विकल्प बना हुआ है और प्रायः तब बेहतर चुनाव होता है जब बल दी गई सामग्री कार्यात्मक रूप से महत्वपूर्ण हो — चेतावनियाँ, मुख्य पद, कार्रवाई-योग्य वाक्यांश — क्योंकि वज़न-परिवर्तन धुँधलेपन और कम कंट्रास्ट को तिरछेपन-परिवर्तन से बेहतर झेलता है। लेकिन बोल्ड और इटैलिक अर्थ की दृष्टि से विनिमेय नहीं हैं। इटैलिक फुसफुसाता है; बोल्ड चिल्लाता है। जो पृष्ठ हर बल के लिए बोल्ड इस्तेमाल करता है, वह पूरा का पूरा चिल्लाता हुआ पढ़ा जाता है। एक समझदार पैटर्न: जिस जानकारी से पाठक चूक न सके उसके लिए बोल्ड, पारंपरिक टाइपोग्राफ़िक बल के लिए इटैलिक, और दोनों में से कोई भी एक बार में एक वाक्यांश से अधिक के लिए नहीं।
दो और सावधानियाँ। पहली, छोटे आकारों पर इटैलिक से बचें — लगभग 14 पिक्सेल से नीचे कोण और घटे हुए काउंटर तेज़ी से संचित होते हैं। दूसरी, इटैलिक को सुपाठ्यता की अन्य कटौतियों के साथ जोड़ने से बचें: इटैलिक और ऑल कैप्स, इटैलिक और हल्के वज़न, इटैलिक और कम कंट्रास्ट। हर ह्रास अकेले सहनीय है; एक पर एक चढ़े हुए, नहीं।
व्यवहार में वेरिएबल अक्ष
जहाँ कोई वेरिएबल फ़ॉन्ट slnt अक्ष प्रदान करता है, वहाँ पाठ में मध्यवर्ती कोणों के सजावटी उपयोग के प्रलोभन का प्रतिरोध करें। किसी शीर्षक पर 4 अंश का हल्का तिरछापन एक वैध शैलीगत युक्ति है; मनमाने तिरछे कोणों पर बॉडी कॉपी नहीं। यदि आप तिरछेपन को ऐनिमेट करते हैं (कुछ इंटरफ़ेस होवर अवस्थाओं या बल-संक्रमणों के लिए ऐसा करते हैं), तो prefers-reduced-motion का सम्मान करें — रूप बदलते अक्षर-रूप गति ही हैं, और वेस्टिबुलर संवेदनशीलता वाले पाठक उन्हें वैसे ही अनुभव करते हैं।
यह भी जाँचें कि आपके वेरिएबल फ़ॉन्ट का इटैलिक-व्यवहार आपकी CSS से मेल खाता है। कुछ परिवार केवल-slnt वेरिएबल जारी करते हैं जहाँ font-style: italic कुछ नहीं देता या ग़लत इंस्टेंस देता है; स्पष्ट font-variation-settings या font-style: oblique 0deg 10deg रेंज वाली उचित font-face घोषणा इस अस्पष्टता को सुलझा देती है।
CSS में
em, cite { font-style: italic; } /* short spans only */
/* Never let the browser fake an italic the family lacks */
body { font-synthesis-style: none; }
/* Variable slant, when the family offers the axis */
.aside { font-variation-settings: "slnt" -6; }सिफ़ारिशें
- समूचा सतत पाठ सीधा सेट करें; 2005 का निष्कर्ष क़ायम है।
- छोटे बल-खंडों, शीर्षकों और विदेशी पदों के लिए असली इटैलिक की अनुमति दें — एक वाक्यांश, अनुच्छेद नहीं।
- जब बल दी गई सामग्री कार्यात्मक रूप से निर्णायक हो, तो इटैलिक की जगह बोल्ड को प्राथमिकता दें।
- संश्लेषित तिरछापन कभी शिप न करें: असली इटैलिक फ़ाइल लोड करें या font-synthesis-style: none सेट करें।
- ऐसे टाइपफ़ेस चुनें जिनका इटैलिक एक संशोधित डिज़ाइन हो, कच्चा कटाव नहीं।
- लगभग 14px से नीचे इटैलिक से बचें, और इटैलिक को ऑल कैप्स, हल्के वज़नों या कम कंट्रास्ट के साथ कभी न चढ़ाएँ।
- वेरिएबल फ़ॉन्ट्स के साथ अर्थ के लिए ital अक्ष या उचित इटैलिक इंस्टेंस का उपयोग करें; slnt अक्ष को डिस्प्ले-युक्ति मानें, और ऐनिमेट करें तो prefers-reduced-motion का सम्मान करें।