सुलभता और SEO के लिए प्रभावी Alt Text लिखने की अंतिम मार्गदर्शिका

लोगों के लिए यह महत्वपूर्ण क्यों है, इसके साथ-साथ छवि क्या दिखाती है, इसे समझाने वाला एक संक्षिप्त, वर्णनात्मक वाक्य के रूप में वैकल्पिक पाठ लिखें। प्रत्येक छवि के लिए, एक स्पष्ट विवरण सहायक तकनीक को स्क्रीन रीडर पर निर्भर उपयोगकर्ताओं को संदर्भ 전달 करने में मदद करता है।

वैकल्पिक पाठ खोज दृश्यता का भी समर्थन करता है। यह खोज इंजनों को आपकी साइट पर सामग्री को समझने और छवियों को आसपास के विवरण से जुड़ी अनुक्रमण करने में सक्षम बनाता है। एक अच्छी तरह से तैयार विवरण हजारों खोजों को सक्षम कर सकता है और उपयोगकर्ताओं को सही उत्पादों या एक विशेषता से जोड़ सकता है। अच्छा वैकल्पिक पाठ सुलभता में योगदान देता है, उपयोगकर्ता अनुभव को मजबूत करता है, और पृष्ठ संदर्भ के साथ खोज संकेतों को संरेखित करने में मदद करता है। भाषा को सरल रखें, अव्यवस्था से बचें, और पृष्ठ के संदर्भ में छवि को स्वयं वर्णन करने दें।

दिशानिर्देश: प्रत्येक छवि के लिए, विषय, क्रिया और संदर्भ को नोट करने वाला एक विशिष्ट विवरण लिखें। उत्पादों के लिए, उत्पाद का नाम, रंग और मुख्य विशेषता निर्दिष्ट करें। सामान्य लेबल के बजाय सटीक शब्दों का उपयोग करें, और साइट की सामग्री रणनीति के साथ सुसंगतता बनाए रखने के लिए दस्तावेज़ की जाँच करें। सबसे प्रभावी वैकल्पिक पाठ पृष्ठ को समृद्ध करता है बजाय आसपास के पाठ में पहले से ही कहा गया दोहराने के।

वन्यजीव छवियों के लिए उदाहरण: चिकाडीज़ एक शाखा पर बैठे हुए, एक फीडर के पास। वैकल्पिक पाठ हो सकता है: "उद्यान में एक पक्षी फीडर के पास एक शाखा पर बैठे दो चिकाडीज़।" यह दृश्य को स्पष्ट रूप से संवाद करता है और उपयोगकर्ताओं को छवि को देखे बिना समझने में मदद करता है। कुछ छवियाँ केवल एक छोटी विशेषता दिखा सकती हैं; उसके संदर्भ में उसके कार्य का वर्णन करें, उदाहरण के लिए, "साइट हेडर में एक शाखा पर बैठे चिकाडी के आइकन।"

अंत में, एक त्वरित जाँच चलाएँ: ड्राफ्ट करने के बाद, सटीकता और दस्तावेज़ के साथ संरेखण सुनिश्चित करने के लिए साइट पर प्रकाशित करने से पहले एक टीम साथी से वैकल्पिक पाठ को मंजूरी दिलवाएँ।

सुलभता और एसईओ के लिए वैकल्पिक पाठ लिखने का अंतिम गाइड; वैकल्पिक पाठ का उपयोग कब करें

स्क्रीन रीडर के लिए पृष्ठ पर इसकी सही भूमिका और छवि क्या व्यक्त करती है, इसका वर्णन करने वाला एक संक्षिप्त, सूचनात्मक वैकल्पिक-पाठ से शुरू करें। यह दृष्टिकोण छोटे आइकन से लेकर जटिल आरेख तक सब कुछ के लिए काम करता है और उपयोगकर्ताओं को आसपास की सामग्री को समझने में मदद करता है जब छवियाँ देखी नहीं जा सकतीं।

क्या वर्णन करें, इसके लिए, सामग्री और कार्य पर ध्यान केंद्रित करें। यदि एक छवि सजावटी है और कोई अर्थ नहीं जोड़ती, तो वैकल्पिक-पाठ छोड़ दें या एक खाली वैकल्पिक विशेषता सेट करें ताकि यह स्क्रीन पर प्रवाह को बाधित न करे।

सूचना व्यक्त करने वाली छवियों के लिए वैकल्पिक-पाठ का उपयोग करें: चार्ट, आरेख, फोटो, लोगो, या कोई भी दृश्य जो संदेश में योगदान देता हो। यदि एक आरेख एक्सेल चार्ट में रुझानों को दिखाता है, तो अक्षों और रुझान लाइन का वर्णन करें; यदि एक रेगिस्तानी दृश्य या पक्षी की तस्वीर फोकल पॉइंट है, तो विषय और सेटिंग को नोट करें। जब रंग अर्थ ले जाते हैं, तो उन्हें उल्लेख करें (उदाहरण के लिए सफेद पृष्ठभूमि के साथ एक मोटी लाइन)। यदि छवि में वन्यजीव जैसे टिटमाइस दिखाई देते हैं, तो जानवर और उसके कार्य का वर्णन करें। पंक्तियों को सरल रखें और हर पिक्सेल का वर्णन करने से बचें। बड़े आरेखों के लिए, एक छोटा विवरण प्रदान करें और नीचे एक लंबे नोट या गाइड से लिंक करें।

दो व्यावहारिक उदाहरण शिल्प को चित्रित करने में मदद करते हैं: "रेगिस्तानी परिदृश्य पर सफेद बॉर्डर के साथ एक पैन पर बैठा पक्षी" और "एक्सेल से चार्ट Q2 बिक्री 14% बढ़ने को दिखाता है।" यदि छवि में पाठ होता है, तो उद्धृत शब्दों को उद्धरणों में शामिल करें (उद्धृत बोले गए पाठ इरादे को स्पष्ट करते हैं)। एक सजावटी आइकन या बटन के लिए, नेविगेशन को सुचारू रखने के लिए "खोज आइकन" या "वर्ड दस्तावेज़ आइकन" जैसे छोटे लेबल का उपयोग करें।

निर्माताओं के लिए नोट: विविध दृश्यों के साथ अभ्यास करें और एक सुसंगत शैली रखें। यह गाइड सूचनात्मक विवरणों का समर्थन करता है, स्क्रीन रीडर पर निर्भर दर्शकों की मदद करता है, और परियोजनाओं के लिए एक स्पष्ट आधार प्रदान करता है–चाहे आप वेबसाइट, ब्लॉग, या उत्पाद पृष्ठ पर काम करें। वास्तविक दुनिया के उदाहरणों का उपयोग करें, साथियों के साथ समीक्षा करें, और परिवर्तनों को ट्रैक करने और संपत्तियों में एक स्थिर विशेषता को प्रतिबिंबित करने के लिए एक सरल एक्सेल शीट बनाएँ।

एचटीएमएल में, वैकल्पिक-पाठ img तत्व की alt विशेषता में दिखाई देता है। स्वचालित वैकल्पिक-पाठ मदद कर सकता है, लेकिन सटीकता के लिए इसकी समीक्षा की जानी चाहिए क्योंकि संदर्भ मायने रखता है। यदि छवि सजावटी है, तो वैकल्पिक-पाठ छोड़ दें ताकि सहायक तकनीक अर्थपूर्ण सामग्री पर ध्यान केंद्रित कर सके। जटिल दृश्यों, चार्टों, या आरेखों को कवर करने के लिए आवश्यक होने पर वैकल्पिक-पाठ को एक लिंक्ड पृष्ठ पर लंबे विवरण के साथ जोड़ें।

वैकल्पिक पाठ कब जोड़ें: दायरा, ट्रिगर, और व्यावहारिक दिशानिर्देश

प्रकाशन समय पर या सामग्री रिफ्रेश के दौरान अर्थ वाली हर छवि में संक्षिप्त वैकल्पिक पाठ जोड़ें; यह सहायक तकनीक पर निर्भर उपयोगकर्ताओं की मदद करता है और साइटों के लिए एसईओ सुधारता है, और यह लेख के भीतर छवि की भूमिका की व्याख्या करता है।

दायरा: सूचना व्यक्त करने वाली छवियाँ वस्तुओं, आरेखों, आइकनों, और चार्टों को शामिल करती हैं; हेडर पर या बॉर्डर में बैठे तत्व, जैसे एक नारंगी बैज, को वैकल्पिक पाठ होना चाहिए जो उनकी भूमिका और लेख में वे क्या जोड़ते हैं, की व्याख्या करता हो। कुछ छवियाँ केवल पाठ के साथ जोड़ी गईं अर्थ दिखाती हैं, इसलिए जानें कि कौन सी वैकल्पिक पाठ की आवश्यकता रखती हैं और कौन सी कम वर्णनात्मक हो सकती हैं।

ट्रिगर: जब आप एक नई छवि लिखते हैं, मीडिया बदलते हैं, या साइटों में संपत्तियों का पुन: उपयोग करते हैं, तो वैकल्पिक पाठ जोड़ें या अपडेट करें; वैकल्पिक पाठ को दिखाए गए से मेल खाने की जाँच करें, विशेष रूप से आरेखों और चार्टों के लिए, और सुनिश्चित करें कि यह आसपास की सामग्री के प्रवाह से संरेखित हो।

व्यावहारिक दिशानिर्देश: वैकल्पिक पाठ को संक्षिप्त रखें; बुनियादी वस्तुओं के लिए 1-2 छोटे वाक्यों में कार्य या उद्देश्य का वर्णन करें; आरेखों के लिए कार्य और मुख्य प्रवाह की व्याख्या करें; चार्टों के लिए रुझान या प्रमुख मूल्यों का सारांश दें; दृश्य पाठ वाली छवियों के लिए, वैकल्पिक विवरण में वह पाठ दिखाएँ; कुछ मामलों में एक सामान्य विवरण पर्याप्त नहीं होता–वहाँ, अर्थ को कैप्चर करने वाला एक विशिष्ट वैकल्पिक प्रदान करें; सजावटी छवियों या अस्पष्ट दृश्यों के लिए, एक खाली वैकल्पिक या उनके सूचनात्मक भूमिका को प्रतिबिंबित करने वाला संक्षिप्त नोट उपयोग करें।

समीक्षा और सहयोग: निर्माताओं को संपादकों और डिजाइनरों के साथ जाँच करनी चाहिए, वास्तविक उपयोगकर्ताओं के साथ वैकल्पिक पाठ का परीक्षण करें, और अर्थ को उपकरणों में संरक्षित रखने की पुष्टि करें। लेख के लिए कवरेज की पुष्टि करने और सुलभता को मजबूत रखने के लिए एक बुनियादी चेकलिस्ट का उपयोग करें।

वैकल्पिक पाठ परिभाषित करें: क्या वर्णन करें और क्या बाहर करें

छवि को उसके उद्देश्य को व्यक्त करने वाले एक संक्षिप्त वाक्य में वर्णन करें, फिर मुख्य विषयों और संदर्भ को कवर करने वाला एक सूचनात्मक विवरण जोड़ें। जो या क्या दिखाई देता है, कोई क्रियाएँ, और सेटिंग को शामिल करें ताकि उपयोगकर्ता सब कुछ समझ सके जो दिखाया गया है।

• क्या वर्णन करें
  • विषय और क्रियाएँ: लोगों, जानवरों (उदाहरण के लिए शाखा पर बैठे चिकाडीज़), या ब्रांड, उत्पादों, या उपकरणों जैसी वस्तुओं की पहचान करें।
  • छवि के भीतर पाठ: उद्धरणों या छोटे वाक्यों को ठीक वैसा ही ट्रांसक्राइब करें जैसा वे दिखाई देते हैं, जिसमें संख्याएँ या तिथियाँ शामिल हों।
  • संदर्भ और उद्देश्य: व्याख्या करें कि यह प्रविष्टि में छवि क्यों मौजूद है और आसपास की सामग्री के बारे में यह क्या व्यक्त करती है।
  • ब्रांड और स्टाइलिंग: ब्रांड का नाम लें और यदि यह अर्थ स्पष्ट करता है तो दृश्य शैली या आइकनोग्राफी को नोट करें।
  • ग्राफिक सामग्री: ग्राफ़ या चार्टों के लिए, रुझान, लेबल, अक्षों, और प्रमुख डेटा बिंदुओं का सारांश दें।
  • उत्पाद और ऑफर: उत्पाद, मॉडल, रंग, और किसी भी दृश्य ऑफर या छूट का वर्णन करें।
  • रंग, लेआउट, और संरचना: यदि वे समझ को प्रभावित करते हैं तो प्रमुख रंगों का उल्लेख करें, साथ ही दृश्य लेआउट संकेत।
  • स्थान और समय: यदि प्रासंगिक हो तो दृश्य कहाँ होता है और कब होता है, शामिल करें।
  • लंबाई और स्वर: इसे सूचनात्मक और तटस्थ रखें, उपयोगकर्ता अपेक्षाओं से मेल खाने वाली भाषा चुनें।
  • प्रवाह और पठनीयता: विवरण को इस तरह संरचित करें ताकि स्क्रीन रीडर स्वाभाविक रूप से अनुसरण कर सके, असंबद्ध वाक्यों से बचें।
• क्या बाहर करें
  • केवल सजावटी छवियाँ: यदि छवि कोई सूचनात्मक सामग्री प्रदान नहीं करती, तो खाली वैकल्पिक विशेषता (खाली) का उपयोग करें या सजावटी के रूप में चिह्नित करें।
  • फ्लफ्ड विवरण: समझ में सहायता न करने वाले फूलदार या अतिरिक्त भाषा को छोड़ दें।
  • असूचनात्मक दृश्य: पृष्ठभूमि शोर या असंबंधित वातावरण का वर्णन करने से बचें जब तक यह व्याख्या न बदल दे।
  • अप्रासंगिक संदर्भ: छवि में दृश्य न होने वाले अप्रासंगिक विषयों को बाहर करें।
  • डुप्लिकेट विवरण: आसपास के पाठ द्वारा पहले से ही व्यक्त जानकारी को दोहराएँ नहीं।
• व्यावहारिक दिशानिर्देश
  • दिशानिर्देश: डब्ल्यूसीएजी-अनुकूल प्रथाओं का पालन करें और सुलभता तथा एसईओ लक्ष्यों के खिलाफ समीक्षा करें।
  • लंबाई: मानक छवियों के लिए लगभग 125–160 वर्णों का लक्ष्य रखें; जटिल आरेखों या प्रवाह-भारी दृश्यों के लिए लंबे विवरण की आवश्यकता हो सकती है।
  • शब्दों का चयन: ब्रांड आवाज और उपभोक्ता अपेक्षाओं से संरेखित भाषा चुनें, दृश्य उत्पाद नामों और ऑफरों को शामिल करें।
  • सुसंगतता: प्रविष्टियों में एक स्थिर शैली रखें, ब्रांड, उत्पाद, और रंग जैसे प्रासंगिक विवरणों को जहां उपयुक्त हो टैग करें।
  • समीक्षा: फ्लफ के बिना आवश्यक सब कुछ की व्याख्या सुनिश्चित करने के लिए वैकल्पिक पाठ की त्वरित समीक्षा के साथ परीक्षण करें।
• उदाहरण और दृष्टिकोण
  • प्रविष्टि उदाहरण: "चिकाडीज़ सांझ में एक पाइन शाखा पर बैठे; नरम नीला आकाश और पाइन सुइयाँ चारों ओर; फीडर पर दृश्य ब्रांड स्टिकर।"
  • ग्राफ उदाहरण: "मासिक बिक्री Q3 तक ऊपर दिखाने वाला लाइन ग्राफ, अक्षों के साथ लेबल राजस्व (यूएसडी) और माह, उत्पाद श्रेणी द्वारा रंग-कोडित।"
  • उद्धरण उदाहरण: "छवि 'सीमित समय ऑफर' उद्धरण को लाल बैज के साथ दिखाती है; यदि यह उपयोगकर्ता क्रियाओं को निर्देशित करता है तो सटीक शब्दावली शामिल करें।
  • वर्णनात्मक दृष्टिकोण: दृष्टि वाले उपयोगकर्ता द्वारा नोटिस किए जाने वाले सब कुछ की व्याख्या करें, फिर आसपास के गाइड या समीक्षा नोटों के साथ सत्यापित करें।
• इसे व्यावहारिक रखें
  • प्रविष्टि और विवरण संरेखण: प्रत्येक छवि प्रविष्टि में दृश्य सामग्री और उद्देश्य से मेल खाने वाला वर्णनात्मक वैकल्पिक पाठ होना चाहिए।
  • प्रवाह और संक्षिप्तता: वाक्यों को सुचारू रूप से पढ़ने योग्य बनाएँ, अव्यवस्था से बचें और विवरण को सूचनात्मक रखें।
  • लंबे-फॉर्म मामलों के लिए: जटिल दृश्यों के लिए, संबंधों और परिणामों की व्याख्या करने वाला लंबा विवरण प्रदान करें, फिर संक्षिप्त वैकल्पिक वाक्य के साथ सारांशित करें।
• त्वरित चेकलिस्ट
  • क्या यह छवि के उद्देश्य की व्याख्या करता है? हाँ/नहीं
  • क्या सभी आवश्यक तत्व वर्णित हैं (उद्धरण या ऑफर सहित)? हाँ/नहीं
  • क्या सजावटी सामग्री को खाली चिह्नित किया गया है? हाँ/नहीं
  • क्या स्वर तटस्थ और सूचनात्मक है? हाँ/नहीं

स्क्रीन रीडर के लिए दृश्य सामग्री का वर्णन: ठोस वाक्य पैटर्न

वस्तु और उसके कार्य से शुरू करें, फिर एक संक्षिप्त पंक्ति में संदर्भ जोड़ें। यह पाठक को दृश्य को एक नज़र में समझने में मदद करता है और पढ़ने की लय को स्थिर रखता है, भले ही सामग्री जटिल हो जैसे एक ग्राफ या चार्ट।

सामग्री प्रकार द्वारा पैटर्न चुनें: चार्ट और ग्राफ, छवियाँ, नियंत्रण, डेटा तालिकाएँ, और सजावटी तत्व। चार्टों के लिए, मेट्रिक, समय सीमा, और रुझान का नाम लें; छवियों के लिए, विषय और उसकी पृष्ठभूमि या विवरणों की पहचान करें; और यूआई नियंत्रणों के लिए, लेबल और क्रिया को निर्दिष्ट करें। पाठक द्वारा स्कैन किए जा सकने वाले वाक्यों का उपयोग करें, न कि अर्थ को अस्पष्ट करने वाले लंबे पैराग्राफ।

शेयरपॉइंट और ब्रांड संपत्तियों के भीतर, एक छोटे सेट के पुन: उपयोग करके सुसंगतता बनाए रखें। एंड्री, सुलभ सामग्री की एक प्रसिद्ध अधिवक्ता, प्रदर्शित करती हैं कि ये वाक्य छोटे, सटीक कैप्शनों के साथ कैसे जोड़कर त्वरित पढ़ने और आसान खोज का समर्थन करते हैं। कैप्शनों को पाठक-अनुकूल रखें, शब्दयुक्त न, और अपनी समीक्षा प्रक्रिया में वैकल्पिक पाठ को परिष्कृत करते समय स्पष्टता के लिए संपादित करें।

पैटर्न	उदाहरण	नोट्स
ग्राफ/चार्ट: वस्तु + मेट्रिक + अवधि + रुझान	ग्राफ Q2 अवधि के दौरान 1,000 से 1,500 इकाइयों तक Q2 बिक्री बढ़ने को दिखाता है	चार्ट, मेट्रिक, यदि आवश्यक हो तो हजारों में रेंज का नाम लें; फिलर से बचें।
छवि/चित्रण: विषय + पृष्ठभूमि + विवरण	एक उत्पाद फोटो ब्रांड को सफेद पृष्ठभूमि पर पैकेजिंग विवरणों के साथ दिखाती है	विषय और संदर्भ पर ध्यान केंद्रित; पृष्ठभूमि स्थान को स्पष्ट करती है; केवल प्रमुख विवरणों का उल्लेख करें।
यूआई नियंत्रण: लेबल + क्रिया	"संपादित" पर क्लिक करें आइटम फील्ड खोलने के लिए	वास्तविक लेबल का उपयोग करें; लक्षित फील्डों को हाइलाइट करें; इसे व्यावहारिक रखें।
डेटा तालिका: फील्ड + मूल्य + अवधि	तालिका फील्ड सूचीबद्ध करती है: बिक्री, क्षेत्र, अवधि; मूल्य हजार-इकाई कुल दिखाते हैं	टेबुलर डेटा को रैखिक वाक्य में अनुवाद करती है; प्रासंगिक होने पर अवधि शामिल करें।
सजावटी/स्पेसर: सजावटी तत्व + alt स्थिति	सजावटी स्पेसर लाइन: alt पाठ खाली है	जब तत्व लेआउट जोड़ता है, न कि सामग्री तो खाली उपयोग करें; अर्थ व्यक्त न करने वाले दृश्यों का वर्णन करने से बचें।
कथा कैप्शन: मामला + पढ़ना + खोज	इस मामले में, पाठक पढ़ने के दौरान सारांश को स्कैन कर सकता है, प्रमुख शब्दों को खोजने के लिए खोज का उपयोग करके	सार के लिए त्वरित एंकर प्रदान करें और शब्द-आधारित पुनर्प्राप्ति की अनुमति दें।
लोग: नाम + भूमिका + क्रिया	एंड्री डेटा सटीकता की पुष्टि करने के लिए चार्ट की समीक्षा करती है	पाठक को उन्मुख करने के लिए उचित नामों और भूमिकाओं का उपयोग करें; नामों को उचित रूप से कैप करें।

एसईओ विचार: कीवर्ड को स्टफिंग के बिना संतुलित करना

सिफारिश: स्पष्टता पर पहले ध्यान केंद्रित करें; छवि को सटीक रूप से प्रतिबिंबित करने वाला एक प्राथमिक कीवर्ड शामिल करें, और समर्थन शब्दों को केवल तभी जोड़ें जब वे उपयोगकर्ताओं के लिए अर्थ सुधारें। यह गाइड लेखकों के लिए वैकल्पिक पाठ में एसईओ और सुलभता को संतुलित करने के लिए व्यावहारिक दिशानिर्देश प्रदान करता है।

व्यवहार में, प्रत्येक वैकल्पिक पाठ को वहाँ दिखाई देने की अपेक्षा के अनुसार कार्य करना चाहिए और समझ को योगदान देना चाहिए, न कि स्थान भरना। एक अच्छी तरह से तैयार वैकल्पिक पाठ विकलांग उपयोगकर्ताओं और खोज इंजनों दोनों की मदद करता है लेख में छवि की भूमिका का अर्थपूर्ण सारांश देकर।

जटिल आरेखों के लिए वैकल्पिक पाठ लंबा हो सकता है, लेकिन कोर अर्थ को अक्षुण्ण रखें और फिलर से बचें।

• प्राथमिक कीवर्ड के लिए दिशानिर्देश: एक एकल, प्रासंगिक कीवर्ड निर्धारित करें और छवि सामग्री की अनुमति होने पर वैकल्पिक पाठ की शुरुआत में इसे रखें।
• प्राकृतिक भाषा: वैकल्पिक पाठ को एक वाक्य या संक्षिप्त वाक्यांश के रूप में लिखें जो उपयोगकर्ता कह सकता हो; यह लेखन शैली विकलांग उपयोगकर्ताओं के लिए पठनीयता सुधारती है और खोज इंजनों को संदर्भ व्याख्या करने में मदद करती है।
• शब्द सीमा: 125 वर्णों या कम का लक्ष्य रखें; यह कीवर्ड स्टफिंग को रोकता है और पाठ को पठनीय रखता है जबकि खोज इरादे का समर्थन करता है।
• संदर्भ-जागरूक चयन: अनुभाग और स्थिति पर विचार करें; आरेखों के लिए, डेटा या प्रवाह का वर्णन करें; फोटो के लिए, विषय और क्रिया की पहचान करें; आइकनों के लिए, क्रिया या अर्थ की व्याख्या करें।
• लिंक और क्लिक निहितार्थ: यदि छवि एक लिंक है, तो गंतव्य और क्लिक पर क्या होता है, का वर्णन करें ताकि उपयोगकर्ता आगे बढ़ने का निर्णय ले सकें।
• सजावटी छवियाँ: दृश्यों के लिए जो कोई सूचना योगदान नहीं देते, खाली वैकल्पिक विशेषता (alt="") का उपयोग करें; यह स्क्रीन रीडर के लिए अर्थहीन शोर को कम करता है।
• चेकलिस्ट दृष्टिकोण: अपने कार्यप्रवाह में प्रत्येक वैकल्पिक पाठ को चेकबॉक्स-चालित प्रक्रिया के भाग के रूप में मानें; यह टीमों को परिवर्तनों को मंजूरी देने और ट्रैक करने में मदद करता है।
• परीक्षण और प्रतिपुष्टि: स्क्रीन रीडर के साथ परीक्षण करें, डेवलपर्स और उपयोगकर्ताओं से इनपुट एकत्र करें, और समझ सुधारने वाले परिवर्तनों को मंजूरी दें।
• इरादा क्या है: हमेशा आसपास की सामग्री में छवि का इरादा पूछें, और सुनिश्चित करें कि वैकल्पिक पाठ उस लक्ष्य को बिना अतिरिक्तता के प्रतिबिंबित करता हो।
• शब्द चयन और सफेद स्थान: फिलर के बजाय सटीक शब्दों को प्राथमिकता दें; शांत लय रखें और स्कैनिंग में सहायता के लिए पाठ के चारों ओर पर्याप्त सफेद स्थान का उपयोग करें।

लेखकों के लिए एक संक्षिप्त संदर्भ यहाँ है: सामग्री संदर्भ के साथ वैकल्पिक पाठ को संरेखित करें, और लेख की सुलभता और एसईओ संतुलन को सुधारने के लिए इस गाइड का उपयोग करें।

चेकलिस्ट देखने के लिए यहाँ क्लिक करें।

सारांश: यह दृष्टिकोण लेख की पठनीयता सुधारता है, विकलांग उपयोगकर्ताओं का समर्थन करता है, और वैकल्पिक पाठ और पृष्ठ प्रासंगिकता के बीच लिंक को संरक्षित रखता है, प्रदर्शन का त्याग किए बिना।

विभिन्न छवि प्रकारों के लिए वैकल्पिक पाठ: फोटो, आरेख, लोगो, इन्फोग्राफिक्स

फोटो को संक्षिप्त, विषय-केंद्रित वैकल्पिक पाठ से लेबल करें जो फ्रेम में कौन या क्या है और पृष्ठ पर यह क्यों मायने रखता है, का वर्णन करता हो। सहायक तकनीक उपयोगकर्ताओं के लिए लिखें, और विवरण को पास के कॉपी के साथ संरेखित करें ताकि पाठक छवि के उद्देश्य को जान सकें।

फोटो: मुख्य विषय से शुरू करें, फिर सेटिंग और क्रिया जैसे संदर्भ जोड़ें। लंबाई को कड़ा रखें, 90–120 वर्णों का लक्ष्य रखें। यदि एक नॉइजमेकर या अन्य ऑडियो संकेत दिखाई देता है, तो इसे ब्रैकेट में नोट करें। यदि छवि में भाषण होता है, तो छोटा उद्धरण स्निपेट शामिल करें – और इसे उद्धरणों में समाहित करें। उदाहरण: "शिक्षक छात्रों को सुनते हुए व्हाइटबोर्ड पर लिखती है।" यह दृष्टिकोण उपयोगकर्ताओं को पूरे क्षण को जानने में मदद करता है और खोज तथा नेविगेशन का समर्थन करता है। दृश्य को स्पष्ट रूप से वर्णित करना पृष्ठों में लेबल सुसंगतता में भी सहायता करता है।

आरेख: आरेख के उद्देश्य और सूचना के प्रवाह का वर्णन करें, न कि हर लेबल। लक्ष्य, प्रमुख चरणों, और उनके कनेक्शन को निर्दिष्ट करें। यदि अक्ष या श्रेणियाँ दिखाई दें, तो उन्हें संक्षेप में उल्लेख करें (उदाहरण के लिए, "x-अक्ष: समय; y-अक्ष: राजस्व")। छवि से लंबे पाठ को डुप्लिकेट करने से बचें। उदाहरण: "इनपुट से आउटपुट तक प्रक्रिया प्रवाह चार चरणों के साथ: इनपुट, विश्लेषण, निर्णय, क्रिया।" एक आरेख के लिए, संबंधों और परिणामों पर ध्यान केंद्रित रखें।

लोगो: ब्रांड की पहचान करें और, यदि अर्थपूर्ण हो, तो लोगो की प्रतीकवाद। "ब्रांडनेम लोगो" या "ब्रांडनेम वर्डमार्क" को प्राथमिकता दें। यदि एक लोगो सजावटी है, तो वैकल्पिक विशेषता को खाली छोड़ दें और पैन को उपयोगकर्ताओं को सजावट की घोषणा करने दें। पृष्ठों में सुसंगत पैटर्न का उपयोग करें ताकि उपयोगकर्ता जान सकें कि क्या अपेक्षित है और खोज परिणामों पर ब्रांड को सर्फेस करने के लिए भरोसा कर सकें।

इन्फोग्राफिक्स: मुख्य निष्कर्षों का संक्षिप्त सारांश प्रदान करें, प्रमुख संख्याओं को सादा भाषा में निर्दिष्ट करें। ग्राफिक से लंबे पाठ को डुप्लिकेट न करें; आवश्यक आंकड़ों को वैकल्पिक पाठ में खींचें। यदि एक उद्धरण प्रभाव व्यक्त करता है, तो इसे उद्धरणों में शामिल करें। उदाहरण: "गहनता में 42% वृद्धि।" एक यूआई पैन में, एक चेकबॉक्स छोटे वैकल्पिक पाठ बनाम लंबे संस्करण को टॉगल कर सकता है, इसलिए विभिन्न आवश्यकताओं वाले दोनों मन और उपयोगकर्ता को वह प्राप्त होता है जो आवश्यक है। विभिन्न स्थितियों में, यह दृष्टिकोण पाठक रुचि को उच्च रखता है और सभी उपयोगकर्ताओं के लिए सुलभता सुनिश्चित करता है; एक त्वरित वैकल्पिक पाठ आवश्यक संख्याओं और संक्षिप्त takeaways को शामिल करेगा।