इस पृष्ठ का अनुवाद AI की सहायता से किया गया है। अंग्रेज़ी मूल ही प्रामाणिक है।
ट्रैकिंग (tracking) — CSS की भाषा में letter-spacing — किसी पाठ-खंड के सभी अक्षरों के बीच के स्थान का एकसमान समायोजन है, कर्निंग (kerning) से भिन्न, जो अलग-अलग जोड़ियों को समायोजित करती है। इस अध्याय के 2005 संस्करण ने स्क्रीन पर पाठ-खंडों के लिए लेटर-स्पेसिंग में हल्की वृद्धि की अनुशंसा की थी, इस तर्क के साथ कि मोटा पिक्सेल-रेंडरिंग अक्षर-रूपों को भीड़ में बदल देता है और थोड़ी अतिरिक्त हवा मदद करती है। वह सलाह अपने रेंडरिंग-परिवेश की उपज थी, और सामान्य नियम के रूप में अब नहीं टिकती। अद्यतन स्थिति अधिक सशर्त है: ट्रैकिंग एक आकार-निर्भर उपकरण है जो टाइप-स्केल के दोनों छोरों पर मदद करता है और बीच में — जहाँ बॉडी टेक्स्ट रहता है — प्रायः नुकसान पहुँचाता है।
2005 के बाद क्या बदला
तीन चीज़ों ने मूल अनुशंसा को पलट दिया। पहली, रेंडरिंग सुधर गई। 2005 में स्क्रीन-फ़ॉन्ट मोटे ग्रिड पर हिंट किए जाते थे और लेटर-स्पेसिंग केवल पूर्ण-पिक्सेल वृद्धि में समायोजित हो सकती थी — मूल पाठ ने इस बाधा का स्पष्ट उल्लेख किया था। सबपिक्सेल पोज़िशनिंग, उच्च-घनत्व डिस्प्ले और आंशिक CSS मानों (letter-spacing: 0.01em पूरी तरह वैध है) ने भीड़भाड़ की समस्या और पूर्णांक-प्रतिबंध — दोनों को हटा दिया। स्क्रीनों के लिए डिज़ाइन किए गए बॉडी फ़ेस अब अपनी अभीष्ट स्पेसिंग पर बैठते हैं, और उन्हें खोलने का डिज़ाइनर का तर्क काफ़ी हद तक वाष्पित हो चुका है।
दूसरी, अनुसंधान का चित्र परिपक्व हुआ — और कम सुव्यवस्थित भी। डिस्लेक्सिया वाले पाठकों के लिए बढ़ी हुई लेटर-स्पेसिंग पर अध्ययनों ने 2010 के दशक की शुरुआत में व्यापक ध्यान खींचा, कुछ ने बच्चों की पठन-गति और सटीकता में सार्थक लाभ बताए। लेकिन बाद का काम मिला-जुला रहा है: प्रभाव पाठक, टाइपफ़ेस, भाषा, और स्पेसिंग के वर्ड-स्पेसिंग से अंतःक्रिया के अनुसार बदलते हैं। निम्न-दृष्टि पाठकों के लिए प्रमाण इसी तरह अनिर्णायक है — अतिरिक्त स्पेसिंग क्राउडिंग (crowding — परिधीय और निम्न-तीक्ष्णता दृष्टि की एक वास्तविक अवधारणात्मक घटना) घटा सकती है, फिर भी वह पंक्तियाँ लंबी करती है और शब्दों को दूर धकेलती है, जिसकी अपनी लागतें हैं। 2026 का ईमानदार सारांश: बढ़ी हुई स्पेसिंग कुछ स्थितियों में कुछ पाठकों की मदद करती है, और ऐसी कोई सार्वभौमिक सेटिंग नहीं है जो सबको लाभ दे। यह स्टाइलशीट में कोई समझौता पक्का कर देने के विरुद्ध — और यह सुनिश्चित करने के पक्ष में तर्क है कि पाठक अपनी सेटिंग लागू कर सकें।
तीसरी, WCAG ने ठीक यही औपचारिक किया। सफलता मानदंड 1.4.12 Text Spacing (WCAG 2.1 और 2.2 में स्तर AA) अपेक्षा करता है कि सामग्री उपयोगकर्ता द्वारा लागू फ़ॉन्ट आकार के 0.12 गुना की लेटर-स्पेसिंग — साथ ही 0.16em की वर्ड-स्पेसिंग और 1.5 की लाइन हाइट — को सामग्री या कार्यक्षमता की हानि के बिना सहन करे। डिज़ाइनर का दायित्व परिपूर्ण ट्रैकिंग चुनना नहीं है; ऐसे लेआउट बनाना है जो तब भी बचे रहें जब पाठक अपनी ट्रैकिंग चुनता है।
ट्रैकिंग आकार-निर्भर है
इस अध्याय का सबसे टिकाऊ सिद्धांत यह है कि उपयुक्त ट्रैकिंग आकार के व्युत्क्रमानुपाती बदलती है। टाइप-डिज़ाइनर फ़ॉन्टों को आकारों की एक लक्षित सीमा के लिए स्पेस करते हैं; जब आप पाठ को उस सीमा से बहुत बाहर सेट करते हैं, तो स्पेसिंग को सुधार चाहिए।
छोटे आकारों में — कैप्शन, पादटिप्पणियाँ, डेटा-लेबल, UI माइक्रोकॉपी — अक्षर-रूप मीट्रिक रूप से सही होते हुए भी अवधारणात्मक रूप से भीड़ बनाते हैं, और थोड़ी धनात्मक ट्रैकिंग (em के सौवें हिस्से या दो के क्रम की) सुपाठ्यता वास्तव में सुधारती है। ऑल-कैप्स और स्मॉल-कैप्स सेटिंग्स सबसे मज़बूत मामला हैं: कैपिटल अक्षर लोअरकेस शब्दों की शुरुआत के लिए बनाए गए थे, एक-दूसरे के बगल में बैठने के लिए नहीं, और केवल-अपरकेस लेबलों को खुली ट्रैकिंग से लगभग हमेशा लाभ होता है — अक्सर em का पाँच से दस सौवाँ हिस्सा।
बॉडी आकारों में डिफ़ॉल्ट स्पेसिंग डिज़ाइनर की मंशा है, और उससे विचलन प्रायः हानियाँ हैं। धनात्मक ट्रैकिंग शब्द-आकृतियों को — वह "बूमा" (bouma) आवरण जिसका पाठक त्वरित शब्द-पहचान में उपयोग करते हैं — कमज़ोर करती है, और अक्षर-स्थान व शब्द-स्थान के उस कंट्रास्ट को पतला करती है जो शब्द-सीमाओं का संकेत देता है। बॉडी आकारों में ऋणात्मक ट्रैकिंग और बुरी है, क्योंकि वह उसी भीड़भाड़ को वापस लाती है जो निम्न-दृष्टि पाठकों को सबसे अधिक हानि पहुँचाती है।
डिस्प्ले आकारों में सुधार उलट जाता है: बड़े शीर्षक डिफ़ॉल्ट स्पेसिंग पर अक्सर ढीले दिखते हैं क्योंकि मीट्रिक छोटे आकारों के लिए ट्यून किए गए थे, और हल्की ऋणात्मक ट्रैकिंग उन्हें कस देती है। यह एक परिष्कार है, अनिवार्यता नहीं, और इसे उस पाठ पर कभी लागू नहीं करना चाहिए जिसे उपयोगकर्ता बड़ा करके बॉडी-पठन के काम में ला सकता है।
वेरिएबल फ़ॉन्ट बनाम यांत्रिक ट्रैकिंग
यांत्रिक ट्रैकिंग — किसी और लय के लिए बनाए गए ग्लिफ़ों के बीच एकसमान स्थान ठूँसना — हमेशा एक समझौता है। वेरिएबल फ़ॉन्ट (variable fonts) कुछ बेहतर देते हैं। ऑप्टिकल साइज़ अक्ष (optical size axis) के साथ बने फ़ेस आकारों के पार अपनी वास्तविक बनावट बदलते हैं: छोटे ऑप्टिकल आकार चौड़ी स्पेसिंग, मज़बूत स्ट्रोक और बड़ी एक्स-हाइट रखते हैं, जबकि डिस्प्ले आकार कसते और परिष्कृत होते हैं। जब अक्ष मौजूद हो तो ब्राउज़र इसे font-optical-sizing: auto के ज़रिये स्वतः लागू करते हैं। जहाँ कोई वेरिएबल फ़ॉन्ट ऑप्टिकल साइज़िंग (या, अधिक दुर्लभ, समर्पित grade या spacing अक्ष) देता है, वहाँ उसे हस्त-चालित letter-spacing के ऊपर प्राथमिकता दें: डिज़ाइनर ने प्रति-आकार स्पेसिंग को समग्र रूप से हल किया है, एकसमान गद्दी लगाकर नहीं। स्थैतिक फ़ॉन्टों के लिए और ऑल-कैप्स लेबलों जैसी उन परिपाटियों के लिए, जिन्हें कोई अक्ष संबोधित नहीं करता, यांत्रिक ट्रैकिंग विकल्प बनी रहती है।
व्यावहारिक सावधानियाँ
letter-spacing हमेशा em इकाइयों में निर्दिष्ट करें ताकि वह फ़ॉन्ट आकार के साथ स्केल हो; जो पिक्सेल-मान 16px पर सूक्ष्म है, वह उपयोगकर्ता के ज़ूम करने या टेक्स्ट बड़ा करने पर विनाशकारी हो जाता है। याद रखें कि जोड़ी गई ट्रैकिंग कर्निंग-जोड़ियों को प्रभावी रूप से निष्क्रिय कर देती है — मान छोटे रखने का एक और कारण। और हर कंपोनेंट का 1.4.12 के ओवरराइड-मानों के अंतर्गत परीक्षण करें: स्थिर-चौड़ाई कंटेनरों में ट्रैक किए गए नेविगेशन-लेबल वह आम जगह हैं जहाँ पाठक के अपने 0.12em जोड़ने पर टेक्स्ट कटता है या विनाशकारी ढंग से लिपटता है।
CSS में
p { letter-spacing: normal; } /* body text: hands off */
.caps-label { letter-spacing: 0.08em; } /* open short caps runs */
/* Must survive the WCAG 1.4.12 user override without breaking:
letter-spacing: 0.12em applied to all text */अनुशंसाएँ
- बॉडी टेक्स्ट को ट्रैक न करें; टाइपफ़ेस की डिफ़ॉल्ट स्पेसिंग ही सही डिफ़ॉल्ट है।
- बहुत छोटे टेक्स्ट में हल्की धनात्मक ट्रैकिंग (लगभग 0.01–0.02em) जोड़ें, और ऑल-कैप्स या स्मॉल-कैप्स लेबलों में अधिक (लगभग 0.05–0.1em)।
- हल्की ऋणात्मक ट्रैकिंग केवल बड़े डिस्प्ले आकारों में लागू करें, और वह भी उपयोगकर्ता-द्वारा-बड़े-किए आकारों पर परिणाम जाँचने के बाद।
- यांत्रिक ट्रैकिंग के बजाय ऑप्टिकल साइज़ अक्ष वाले वेरिएबल फ़ॉन्टों को प्राथमिकता दें; font-optical-sizing सक्षम करें।
- सारी letter-spacing em इकाइयों में निर्दिष्ट करें, पिक्सेल में कभी नहीं।
- सत्यापित करें कि WCAG 1.4.12 के स्पेसिंग-ओवरराइड लागू होने पर कुछ कटता, ओवरलैप होता या कार्यक्षमता खोती नहीं।
- स्पेसिंग-वैयक्तिकरण को पाठक का विशेषाधिकार मानें: सहनशीलता बनाएँ, कोई एक "सुगम्य" ट्रैकिंग-मान नहीं।