संस्करण 2.0 — संशोधित एवं विस्तारित 2026

द यूनिवर्सल वेब.

स्क्रीन-आधारित टेक्स्ट एक्सेसिबिलिटी के लिए टाइपोग्राफ़िक दिशानिर्देश। इसकी शुरुआत Markle Foundation के सहयोग से Rhode Island School of Design में हुई, और यहाँ आधुनिक वेब के लिए इसे संशोधित किया गया है: उच्च-घनत्व डिस्प्ले, वेरिएबल फ़ॉन्ट, WCAG 2.2 और पठनीयता पर दो दशकों का नया शोध।

इस पृष्ठ का अनुवाद AI की सहायता से किया गया है। अंग्रेज़ी मूल ही प्रामाणिक है।

विषय-सूची

  1. 01परिचययूनिवर्सल वेब दिशानिर्देशों का बीस-वर्षीय पुनरीक्षण: 2005 के दौर के टाइपोग्राफ़िक सुगम्यता निष्कर्षों को उच्च-घनत्व डिस्प्ले, वेरिएबल फ़ॉन्ट, WCAG 2.2 और आधुनिक रिस्पॉन्सिव वेब की कसौटी पर फिर से परखना।6 min read
  2. 021.0 अक्षरस्क्रीन पर अक्षर-रूपों की सुपाठ्यता तय करने वाले डिज़ाइन कारक — शैली, वज़न, तिरछापन, चौड़ाई और स्पेसिंग — उच्च-घनत्व रेंडरिंग, अपर्चर शोध और वेरिएबल फ़ॉन्ट अक्षों के लिए अद्यतन।7 min read
  3. 031.1 फ़ॉन्ट शैली2005 का नियम 'स्क्रीन पर सैन्स सेरिफ़ का उपयोग करें' उच्च-रिज़ॉल्यूशन डिस्प्ले पर अब क्यों नहीं टिकता — और उसकी जगह किन बातों का मूल्यांकन करें: एक्स-हाइट, अपर्चर, अक्षरों की भिन्नता, और रेंडरिंग गुणवत्ता।7 min read
  4. 041.2 फ़ॉन्ट आकारस्थिर 14-पॉइंट न्यूनतम से एक लचीले तंत्र तक: बॉडी टेक्स्ट की न्यूनतम सीमा के रूप में 16px, उपयोगकर्ता-वरीयताओं का सम्मान करने वाली rem-आधारित साइज़िंग, WCAG 1.4.4 की रीसाइज़ अपेक्षाएँ, और clamp() के साथ फ़्लुइड स्केलिंग।7 min read
  5. 051.3 फ़ॉन्ट वज़नरेगुलर-से-हल्का-बोल्ड नियम, 2026 के लिए पुनर्निर्मित: सतत वेरिएबल वज़न अक्ष, ग्रेड के साथ डार्क-मोड वज़न-क्षतिपूर्ति, पतले वज़न के फ़ैशन की समस्या, और वज़न का WCAG कंट्रास्ट के साथ अंतर्संबंध।7 min read
  6. 061.4 फ़ॉन्ट तिरछापनसतत पाठ के लिए सीधे रोमन अक्षर-रूप ही सही चुनाव बने हुए हैं; इटैलिक छोटे बल-खंडों के लिए हैं, और असली इटैलिक संश्लेषित ऑब्लीक को हर बार मात देते हैं।7 min read
  7. 071.5 फ़ॉन्ट चौड़ाईरेगुलर से हल्की संघनित (condensed) चौड़ाइयाँ सबसे सुपाठ्य बनी हुई हैं; वेरिएबल wdth अक्ष अब चौड़ाई को एक रिस्पॉन्सिव डिज़ाइन उपकरण बनाता है — बशर्ते आप उसे क्षैतिज स्केलिंग से कभी नक़ली न बनाएँ।7 min read
  8. 081.6 चुने हुए टाइपफ़ेसटाइपफ़ेस नाम से नहीं, बल्कि मापने योग्य सुपाठ्यता कसौटियों — एक्स-हाइट, अपर्चर, वर्णों की पहचान, स्पेसिंग — के आधार पर चुनें, और 'सुगम्य फ़ॉन्ट' के विपणन दावों को सूचित संदेह के साथ देखें।7 min read
  9. 092.0 शब्दस्क्रीन-पठन के लिए शब्द-स्तरीय पठनीयता — केस, स्पेसिंग, पंक्ति-लंबाई, पदानुक्रम और सरल लेखन — इस आधुनिक समझ पर आधारित कि आँखें और मन वास्तव में कैसे पढ़ते हैं।7 min read
  10. 102.1 वर्ड केससतत पाठ के लिए सेंटेंस केस आज भी सही है — लेकिन शब्द-आकृति वाली व्याख्या मर चुकी है; पाठक अक्षरों को समानांतर रूप से पहचानते हैं, और ऑल कैप्स धीमा पढ़ा जाता है अभ्यास और अक्षर-समानता के कारणों से, छाया-आकृति के कारण नहीं।7 min read
  11. 112.2 कर्निंग और वर्ड स्पेसिंगकर्निंग और वर्ड स्पेसिंग स्क्रीन पर पढ़ने को कैसे आकार देती हैं, जस्टिफ़ाइड टेक्स्ट हाइफ़नेशन के बिना अब भी क्यों विफल होता है, और WCAG 1.4.12 आपके स्पेसिंग-निर्णयों से क्या अपेक्षा करता है।7 min read
  12. 122.3 ट्रैकिंगलेटर-स्पेसिंग आकार-निर्भर है: यह स्मॉल कैप्स और लेबलों की मदद करती है, बॉडी टेक्स्ट को प्रायः नुकसान पहुँचाती है, और उसे उन उपयोगकर्ता-ओवरराइड को सहना ही होगा जिनकी गारंटी WCAG 1.4.12 देता है।7 min read
  13. 132.4 लाइन हाइटस्क्रीन-पठन के लिए लीडिंग: यूनिट-रहित CSS line-height, 1.5 सहन करने की WCAG 1.4.12 की अपेक्षा, और सही मान लाइन की लंबाई पर क्यों निर्भर करता है।7 min read
  14. 142.5 लाइन की लंबाई55–65 अक्षरों का माप दो दशक बाद भी खरा उतरता है — अब ch इकाइयों के साथ सीधे CSS में व्यक्त किया जा सकता है, और WCAG के 80-अक्षर मार्गदर्शन तथा 320px रीफ़्लो अपेक्षा से सीमांकित है।7 min read
  15. 152.6 फ़ॉन्ट पदानुक्रम2026 में टाइप-पदानुक्रम: clamp() के साथ मॉड्यूलर और फ़्लूइड स्केल, WCAG 1.3.1 द्वारा अपेक्षित संरचनात्मक शीर्षक-सेमांटिक्स, और केवल आकार नहीं बल्कि भार और स्थान से बना पदानुक्रम।7 min read
  16. 163.0 रंग और कंट्रास्टकंट्रास्ट अनुपात कैसे काम करते हैं, WCAG 2.x का गणित कहाँ कम पड़ता है, और क्यों अधिक कंट्रास्ट हर पाठक के लिए हमेशा बेहतर नहीं होता।7 min read
  17. 173.1 डार्क मोड और पठन-सतहेंडिस्प्ले ध्रुवीयता का शोध हल्की और गहरी पठन-सतहों के बारे में क्या कहता है, हर सतह किसकी सेवा करती है, और सुपाठ्य बना रहने वाला डार्क थीम कैसे बनाएँ।6 min read
  18. 183.2 वेरिएबल फ़ॉन्ट्सकैसे वेरिएबल फ़ॉन्ट्स वज़न, चौड़ाई और ऑप्टिकल आकार को सुपाठ्यता, प्रदर्शन और पाठक के निजीकरण के लिए सतत उपकरणों में बदल देते हैं।7 min read
  19. 193.3 फ़्लुइड और रिस्पॉन्सिव टाइपोग्राफ़ीकैसे फ़्लुइड टाइप स्केल, कंटेनर क्वेरी और आधुनिक CSS टेक्स्ट नियंत्रण पाठक की अपनी सेटिंग्स को दरकिनार किए बिना हर स्क्रीन की सेवा कर सकते हैं।7 min read
  20. 203.4 गति और पठनक्यों हिलता हुआ टेक्स्ट अपठनीय टेक्स्ट है, कैसे एनिमेशन वेस्टिबुलर-संवेदनशील पाठकों को शारीरिक हानि पहुँचा सकता है, और सम्मानजनक गति कैसी दिखती है।7 min read
  21. 213.5 पठन और संज्ञानटेक्स्ट के लिए संज्ञानात्मक सुगम्यता: सरल भाषा, डिस्लेक्सिया फ़ॉन्ट्स पर ईमानदार प्रमाण, और वास्तविक सीमांत के रूप में निजीकरण।7 min read