तारीखें, संख्याएँ, पैसा, नाम और पते कैसे दिखाएँ, और कौन-से आपस में गड्ड-मड्ड हो जाते हैं।
हर उदाहरण असली है, पर उसके लिंक कहीं नहीं ले जाते।
तारीखें और समय
तारीख को <time> टैग में रखें, साथ में उसका वह रूप भी जो कंप्यूटर पढ़ सके। दिखने वाली तारीख वैसे लिखें जैसी आपके पाठक देखने की उम्मीद करते हैं। rastrillo उसे आपके लिए फ़ॉर्मैट नहीं करेगा।
<sectionrst-box>
<dlrst-detail>
<dt>प्रकाशित</dt>
<dd>
<timedatetime="2026-08-02">2 अगस्त 2026</time>
</dd>
</dl>
</section>
किसी चीज़ में कितना समय लगा
अवधि के लिए भी <time> का ही उपयोग करें। मशीन-पठनीय रूप अजीब दिखता है: PT2H30M का मतलब है 2 घंटे 30 मिनट।
लंबी संख्याओं को समूहों में बाँटें ताकि एक नज़र में पढ़ी जा सकें: अंग्रेज़ी में 54,173, जर्मन में 54.173, अरबी में ٥٤٬١٧٣। लंबी संख्या को कभी सादे अंकों में न दिखाएँ। तालिका में एक ही चौड़ाई वाले अंक इस्तेमाल करें, ताकि स्तंभ सीध में रहें।
हर राशि को मुद्रा की सबसे छोटी इकाई के पूर्णांक के रूप में सहेजें, जैसे सेंट, और उसके साथ मुद्रा कोड रखें। इसे `money` से दिखाएँ, जो इसे पाठक की भाषा के तरीके से लिखता है। मुद्रा हमेशा आपके डेटा से आती है, पाठक से कभी नहीं।
कुछ कितना भरा है यह दिखाने के लिए <meter> का उपयोग करें। कोई काम कहाँ तक पहुँचा है यह दिखाने के लिए <progress> का। संख्या हमेशा बार के बगल में छापें। अकेला बार उस पाठक को कुछ नहीं बताता जो उसे देख नहीं सकता।
<divrst-box-head>
<h2>फ़ोटो स्टोरेज</h2>
</div>
<sectionrst-box>
<spanrst-meter>
<meterrst-meter-barvalue="82"min="0"max="100"aria-hidden="true"></meter>
<spanrst-meter-num>412 / 500</span>
</span>
</section>
<divrst-box-head>
<h2>आयात</h2>
</div>
<sectionrst-box>
<divrst-job>
<spanrst-spinaria-hidden="true"></span> <strong>आयात</strong> चल रहा है: 400 में से 128…<progressrst-job-barvalue="32"min="0"max="100"aria-hidden="true"></progress>
</div>
</section>
फ़ाइल के आकार
4 MB जैसा गोल किया हुआ आकार दिखाएँ, और बाइट्स की सटीक संख्या <data> टैग में रखें। स्क्रीन रीडर वही पढ़ते हैं जो स्क्रीन पर है और टैग को अनदेखा कर देते हैं, इसलिए गोल किया हुआ आकार अपने आप में काम का होना चाहिए।
इन्हें समूहों में न बाँटें। ऑर्डर 4471, न कि ऑर्डर 4,471। साल, वर्शन नंबर और पोर्ट नंबर भी ऐसे ही हैं। rst-mono का उपयोग करें ताकि वे कोड जैसे दिखें, और इन्हें कभी <time> टैग में न डालें, चाहे वे तारीख जैसे ही क्यों न लगें।
नाम किसी भी भाषा में हो सकता है, उन भाषाओं में भी जो दाएँ से बाएँ पढ़ी जाती हैं। जब नाम किसी पंक्ति के बीच में हो, तो उसे <bdi> में लपेटें, वरना वह आसपास के शब्दों का क्रम बिगाड़ देगा। नाम के साथ बगल में तस्वीर दिखाने के लिए person का उपयोग करें।
<abbr> टैग हॉवर करने पर पूरा रूप दिखाता है। यह फ़ोन पर काम नहीं करता, और स्क्रीन रीडर अक्सर इसे छोड़ देते हैं। पहली बार शब्दों को पूरा भी लिख दें।
<sectionrst-box>
<p>यहाँ का हर पृष्ठ वेब सामग्री सुगम्यता दिशानिर्देश (<abbrtitle="वेब सामग्री सुगम्यता दिशानिर्देश">WCAG</abbr>) 2.2 के AA स्तर पर खरा उतरता है।</p>
</section>
आपका पेज जो संख्याएँ निकालता है
जब आपका पेज कुछ जोड़ता है, तो नतीजा <output> टैग में रखें। चलता हुआ कुल, बदला हुआ दाम, उलटी गिनती।