सामग्री पर जाएं
Mera News

प्रकाशक गाइड, अध्याय 6

स्क्रीन रीडर और मशीनों के लिए डेटा

पिछली समीक्षा नवंबर 2026

स्क्रीन रीडर, सर्च इंजन और फ़ीड रीडर, तीनों इस पर निर्भर करते हैं कि आपकी साइट कैसे बनी है। साफ़ HTML, स्ट्रक्चर्ड डेटा और एक साफ़ फ़ीड तीनों को वह देते हैं जो उन्हें चाहिए।

HTML से शुरू करें

ये एलिमेंट पेज को उसके लैंडमार्क देते हैं, ताकि स्क्रीन रीडर का उपयोगकर्ता सीधे लेख पर जा सके।

<html lang="en">
<body>
  <a href="#main">Skip to the article</a>
  <header>
    <nav aria-label="Main">...</nav>
  </header>
  <main id="main">
    <article>
      <h1>Article headline</h1>
      <p>By <a href="/authors/jane-doe">Jane Doe</a></p>
      <p><time datetime="2026-11-05T08:00:00+01:00">Published 5 November 2026</time></p>
      <h2>First section</h2>
      <p>Article text.</p>
    </article>
    <aside aria-label="Related articles">...</aside>
  </main>
  <footer>...</footer>
</body>
</html>
  • लैंडमार्क: header, nav, main, aside और footer को वैसे ही इस्तेमाल करें जैसे वे बने हैं। जब किसी पेज में एक से ज़्यादा nav हों, तो हर एक को लेबल करें।
  • स्किप लिंक: यह कीबोर्ड उपयोगकर्ताओं को दोहराए जाने वाले नेविगेशन से आगे निकलने देता है, जो WCAG के सफलता मानदंड 2.4.1 को पूरा करने में मदद करता है। इसे फ़ोकस पर दिखाएं।
  • हेडिंग: हेडलाइन के लिए एक h1 इस्तेमाल करें, और स्तर क्रम में रखें। h2 के ठीक बाद h4 वैसी छलांग है जिससे बचना चाहिए। हेडिंग को उसके आकार से नहीं, आउटलाइन में उसकी जगह से चुनें।
  • सूचियां और तालिकाएं: असली ul, ol और table एलिमेंट इस्तेमाल करें, ताकि सॉफ़्टवेयर उनकी संरचना पढ़ सके (सफलता मानदंड 1.3.1)।

भाषा

हर लोकेल में html एलिमेंट पर lang सेट करें (सफलता मानदंड 3.1.1)। इसके बिना, स्क्रीन रीडर आपका लेख ग़लत आवाज़ में पढ़ सकता है। दूसरी भाषा के अंशों को भी चिह्नित करें (सफलता मानदंड 3.1.2)।

<p>The minister called it <span lang="fr">une erreur historique</span>.</p>

इमेज

  • ऐसा alt टेक्स्ट लिखें जो पाठक को वह दे जो तस्वीर ख़बर में जोड़ती है।
  • केवल सजावटी इमेज के लिए alt="" इस्तेमाल करें। एट्रिब्यूट को छोड़ें नहीं, क्योंकि कुछ स्क्रीन रीडर फ़ाइल का नाम बोलकर पढ़ देंगे।
  • जहां हो सके, शुद्ध सजावट के लिए CSS बैकग्राउंड इस्तेमाल करें।
  • फ़ोटो के कैप्शन और क्रेडिट के लिए figure और figcaption इस्तेमाल करें।

हर स्क्रीन पर

न्यूज़ टेम्पलेट के लिए सबसे ज़रूरी WCAG 2.2 AA आवश्यकताएं:

आवश्यकतालक्ष्यमानदंड
टेक्स्ट कंट्रास्ट4.5:1, या बड़े टेक्स्ट के लिए 3:11.4.3
टेक्स्ट का आकार बदलना200% तक, बिना कुछ खोए1.4.4
रीफ़्लो320 CSS पिक्सेल चौड़ाई पर, बिना बगल में स्क्रॉल किए1.4.10
फ़ोकस दिखेकीबोर्ड फ़ोकस का दिखने वाला संकेतक2.4.7
फ़ोकस ढका न होफ़ोकस कभी पूरी तरह छिपा न हो2.4.11
टार्गेट का आकारकम से कम 24 गुणा 24 CSS पिक्सेल2.5.8

मोबाइल पर VoiceOver या TalkBack से, और सबसे बड़ी टेक्स्ट सेटिंग के साथ टेस्ट करें। डेस्कटॉप पर केवल Tab, Enter और Escape कुंजियों से पेज में घूमकर देखें।

एक सुलभता वक्तव्य प्रकाशित करें जो बताए कि आप क्या पूरा करते हैं, क्या अभी नहीं, और किसी समस्या की सूचना कैसे दें।

European Accessibility Act

निर्देश (EU) 2019/882 28 जून 2025 के बाद उपभोक्ताओं को दी जाने वाली सूचीबद्ध सेवाओं पर लागू होता है। सूची में ई-कॉमर्स सेवाएं, ई-बुक और ऑडियोविज़ुअल मीडिया तक पहुंच देने वाली सेवाएं शामिल हैं। ई-कॉमर्स सेवाओं को ऐसी सेवाओं के रूप में परिभाषित किया गया है जो उपभोक्ता के अनुरोध पर अनुबंध करने के लिए, दूर से, वेबसाइटों और मोबाइल डिवाइस-आधारित सेवाओं के ज़रिए दी जाती हैं। सेवाएं देने वाले माइक्रो-उद्यम इससे बाहर हैं।

यह अधिनियम न्यूज़ साइटों को अलग से सूचीबद्ध नहीं करता। जो साइट ऑनलाइन सब्सक्रिप्शन बेचती है, या ई-बुक या वीडियो की पहुंच बेचती है, वह फिर भी इसके दायरे में आ सकती है, और राष्ट्रीय कानून ब्योरा जोड़ते हैं। अपनी स्थिति की जांच अपने वकील से कराएं।

लेखों के लिए स्ट्रक्चर्ड डेटा

NewsArticle मार्कअप Google को पेज समझने में मदद करता है। Google की गाइड कहती है कि कोई प्रॉपर्टी अनिवार्य नहीं है, इसलिए जो लागू हों उन्हें जोड़ें।

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "headline": "Article headline",
  "image": [
    "https://example.com/photos/1x1/photo.jpg",
    "https://example.com/photos/4x3/photo.jpg",
    "https://example.com/photos/16x9/photo.jpg"
  ],
  "datePublished": "2026-11-05T08:00:00+01:00",
  "dateModified": "2026-11-05T09:20:00+01:00",
  "author": [{
    "@type": "Person",
    "name": "Jane Doe",
    "url": "https://example.com/authors/jane-doe"
  }]
}
</script>
  • टाइम ज़ोन के साथ ISO 8601 तारीख़ें इस्तेमाल करें।
  • मार्कअप की तारीख़ें पेज की तारीख़ों जैसी ही रखें, और उन्हें "प्रकाशित" या "आख़िरी अपडेट" जैसे लेबल के साथ दिखाएं।
  • इमेज 16x9, 4x3 और 1x1 में दें, हर एक चौड़ाई को ऊंचाई से गुणा करने पर कम से कम 50,000 पिक्सेल की।
  • संपादकीय इमेज इस्तेमाल करें, अपना लोगो कभी नहीं।
  • मार्कअप को मोबाइल और डेस्कटॉप पर एक जैसा रखें।

एक साफ़ RSS फ़ीड

आपकी फ़ीड आपकी साइट का सबसे सरल मशीन-पठनीय संस्करण है, और आप ठीक-ठीक तय करते हैं कि उसमें क्या जाए।

<item>
  <title>Article headline</title>
  <link>https://example.com/news/article-headline</link>
  <guid isPermaLink="true">https://example.com/news/article-headline</guid>
  <pubDate>Thu, 05 Nov 2026 07:00:00 GMT</pubDate>
  <description>One or two sentences that describe the article.</description>
  <category>Politics</category>
</item>
  • हर चैनल को title, link और description चाहिए।
  • हर आइटम को एक स्थिर guid दें, और जहां हो सके परमालिंक इस्तेमाल करें।
  • pubDate को यहां दिखाए RFC 822 फ़ॉर्मेट में लिखें।
  • कैनोनिकल लेख URL इस्तेमाल करें।
  • description को छोटा रखें, और सशुल्क टेक्स्ट बाहर रखें।
  • हर पेज के head में एक डिस्कवरी लिंक जोड़ें।
<link rel="alternate" type="application/rss+xml" title="Latest news" href="https://example.com/feed.xml">

ETag या Last-Modified हेडर भेजें, और जब किसी फ़ीड रीडर का If-None-Match या If-Modified-Since दिखाए कि कुछ नहीं बदला, तो 304 Not Modified से जवाब दें। इससे बार-बार होने वाले फ़ेच आपके सर्वर के लिए सस्ते रहते हैं।

चेकलिस्ट

  • हर लोकेल पर html एलिमेंट में lang जोड़ें।
  • हर टेम्पलेट में एक स्किप लिंक और एक main लैंडमार्क जोड़ें।
  • हर nav और aside को लेबल करें।
  • अपने लेख टेम्पलेट पर हेडिंग आउटलाइन की जांच चलाएं।
  • अपने CMS में alt टेक्स्ट का ऑडिट करें, और संपादकीय इमेज के लिए उसे अनिवार्य फ़ील्ड बनाएं।
  • लिंक, कैप्शन और बायलाइन पर कंट्रास्ट जांचें।
  • कीबोर्ड से, और VoiceOver या TalkBack से टेस्ट करें।
  • संपर्क पते के साथ एक सुलभता वक्तव्य प्रकाशित करें।
  • अपने वकील से पूछें कि क्या European Accessibility Act आपकी सेवाओं पर लागू होता है।
  • पेज से मेल खाती तारीख़ों के साथ NewsArticle JSON-LD जोड़ें।
  • अपनी फ़ीड को वैलिडेट करें, और पक्का करें कि वह ETag या Last-Modified भेजती है।

स्रोत