# इमेज Alt टेक्स्ट चेकर किसी पेज का पता डालें और उस पर मौजूद हर इमेज को उसके alt टेक्स्ट के साथ देखें, जिसे स्क्रिप्ट चलने के बाद एक असली ब्राउज़र में पढ़ा जाता है। देखें कि किन इमेज में alt टेक्स्ट नहीं है, कौन-सी सजावटी के रूप में चिह्नित हैं, और किनका alt टेक्स्ट कुछ भी नहीं बताता। ## यह टूल क्या जांचता है - बिना alt टेक्स्ट वाली इमेज: हर img एलिमेंट और इमेज बटन जिसमें न alt एट्रिब्यूट है और न ही कोई दूसरा एक्सेसिबल नाम, जैसे aria-label। - लिंक की गई इमेज जो लिंक को बिना नाम के छोड़ देती हैं: लिंक या बटन के अंदर रखे लोगो और आइकन जिनमें न alt टेक्स्ट है और न कोई दूसरा टेक्स्ट, इसलिए स्क्रीन रीडर सिर्फ़ “लिंक” बोल पाता है। - फ़ाइल के नाम जैसा दिखने वाला alt टेक्स्ट: IMG_2041.jpg, DSC0042 या अंकों की लंबी लड़ी जैसी वैल्यू, जिन्हें कई सिस्टम अपलोड के समय अपने आप भर देते हैं। - सामान्य शब्द: जो alt टेक्स्ट सिर्फ़ “image”, “photo”, “logo” या “banner” है, वह किसी को नहीं बताता कि इमेज क्या दिखाती है। - बेवजह और दोहराया गया टेक्स्ट: ऐसे विवरण जो “image of” से शुरू होते हैं, पास वाले लिंक टेक्स्ट को दोहराते हैं, या तीन या उससे ज़्यादा अलग-अलग इमेज पर दोबारा इस्तेमाल होते हैं। - सजावटी और छिपी हुई इमेज: alt="" या role="presentation" से चिह्नित इमेज, और aria-hidden या CSS से छिपाई गई इमेज अलग से दिखाई जाती हैं, ताकि आप पुष्टि कर सकें कि हर एक सच में सजावटी है। - हर इमेज का प्रीव्यू: उसके alt टेक्स्ट के पास एक थंबनेल, ताकि आप कुछ ही सेकंड में हर विवरण को परख सकें। फ़िल्टर सिर्फ़ समस्याएँ या सिर्फ़ जाँचने लायक इमेज दिखाते हैं। ## यह क्या नहीं जांच सकता - यह नहीं बता सकता कि alt टेक्स्ट सटीक है या नहीं। इसका फ़ैसला सिर्फ़ वही व्यक्ति कर सकता है जो इमेज देख सकता है और जानता है कि वह पेज पर क्यों है। - CSS बैकग्राउंड के रूप में लगाई गई इमेज, या SVG और canvas ग्राफ़िक्स के टेक्स्ट विकल्प नहीं जाँच सकता। यह img एलिमेंट और इमेज बटन की सूची बनाता है। - frame के अंदर की इमेज नहीं जाँच सकता, जैसे एम्बेड किए गए वीडियो, मैप और विज्ञापन। - 150 से ज़्यादा इमेज की सूची नहीं बना सकता। बहुत लंबे पेजों पर यह पहली 150 इमेज दिखाता है और बताता है कि कुल कितनी हैं। - दूसरे पेज टेस्ट नहीं कर सकता। पूरा मुफ़्त स्कैन अधिकतम पाँच मुख्य पेजों पर बाकी WCAG के साथ alt टेक्स्ट भी जाँचता है। ## यह क्यों ज़रूरी है alt टेक्स्ट वह है जो स्क्रीन रीडर इमेज की जगह पढ़ता है, और जो ब्राउज़र तब दिखाता है जब इमेज लोड नहीं हो पाती। WCAG 2.2 का सफलता मानदंड 1.1.1, लेवल A पर, जानकारी देने वाली हर इमेज के लिए एक टेक्स्ट विकल्प मांगता है, और जो इमेज जानकारी नहीं देतीं उनके लिए खाली विकल्प। alt टेक्स्ट का न होना वेब पर एक्सेसिबिलिटी की दूसरी सबसे आम कमी है: WebAIM के 2026 के विश्लेषण में यह टॉप 10 लाख होम पेजों में से 53.1% पर मिला, और जाँची गई सभी इमेज में से 16.2% में alt टेक्स्ट नहीं था। सर्च इंजन भी इसे पढ़ते हैं। Google कहता है कि वह इमेज को समझने के लिए alt टेक्स्ट का इस्तेमाल कंप्यूटर विज़न और पेज के कंटेंट के साथ करता है, और लिंक की गई इमेज का alt टेक्स्ट लिंक के anchor टेक्स्ट की तरह काम करता है। ## नतीजों को कैसे समझें - alt टेक्स्ट नहीं: इमेज में न alt एट्रिब्यूट है और न कोई दूसरा नाम। सॉफ़्टवेयर के हिसाब से, स्क्रीन रीडर फ़ाइल का नाम पढ़ सकता है या इमेज को छोड़ सकता है। - सजावटी: alt="" या role="presentation": स्क्रीन रीडर इमेज को छोड़ देते हैं। सजावट के लिए यह सही है; जानकारी देने वाली इमेज, या किसी लिंक का इकलौता कंटेंट बनी इमेज के लिए ग़लत। - alt टेक्स्ट है: इमेज में विवरण है। जो ग़लत लगते हैं, उन्हें हम चिह्नित करते हैं; बाकी के लिए भी किसी व्यक्ति को जाँचना होगा कि वे सटीक हैं। - ARIA या title से नाम दिया गया: alt एट्रिब्यूट नहीं है, लेकिन aria-label, aria-labelledby या title से नाम मिला है। यह ऑटोमेटेड टेस्ट में पास होता है; फिर भी alt ज़्यादा भरोसेमंद विकल्प है। - छिपी हुई: दिखाई नहीं जाती, या aria-hidden से सहायक तकनीक (assistive technology) से छिपाई गई है। जब तक इमेज को दिखना न हो, ठीक करने को कुछ नहीं है। - बिना नाम वाला लिंक: ऐसा लिंक या बटन जिसका इकलौता कंटेंट बिना टेक्स्ट विकल्प वाली इमेज है। इमेज ख़ुद सजावटी हो, तब भी यह फ़ेल होता है। - जाँचें: ऐसा alt टेक्स्ट जो फ़ाइल के नाम या किसी सामान्य शब्द जैसा लगता है, “image of” से शुरू होता है, लिंक टेक्स्ट दोहराता है, बहुत लंबा है, या कई इमेज पर दोबारा इस्तेमाल हुआ है। ## सबसे आम समस्याओं को कैसे ठीक करें - प्रोडक्ट और कंटेंट की फ़ोटो: पेज के संदर्भ में बताएँ कि इमेज के बिना किसी से क्या छूट जाएगा। प्रोडक्ट के लिए: आइटम, उसका रंग और दिखाया गया व्यू। किसी लेख की फ़ोटो के लिए: वह क्या दिखाती है जो टेक्स्ट नहीं बताता। - होम पेज से लिंक होने वाले लोगो: लिंक की गई इमेज को बताना चाहिए कि लिंक कहाँ जाता है। होम पेज से लिंक होने वाले लोगो के लिए “logo” की जगह कंपनी का नाम इस्तेमाल करें, जैसे alt="Acme होम"। - लिंक और बटन के अंदर आइकन: आइकन को ऐसा alt टेक्स्ट दें जो एक्शन बताए, जैसे “सर्च” या “कार्ट”, या लिंक को aria-label दें और आइकन को alt="" से सजावटी के रूप में चिह्नित करें। - सजावटी इमेज: डिवाइडर, बैकग्राउंड की सजावट और ठीक पास में लिखे टेक्स्ट को दोहराने वाली इमेज के लिए alt="" (खाली वैल्यू, न कि ग़ायब एट्रिब्यूट) इस्तेमाल करें। - आपके प्लेटफ़ॉर्म द्वारा भरे गए फ़ाइल नाम: कई प्लेटफ़ॉर्म अपलोड के समय फ़ाइल का नाम alt फ़ील्ड में कॉपी कर देते हैं। इसे वहीं एडिट करें जहाँ इमेज मैनेज होती है: Shopify में प्रोडक्ट के Media में; WordPress में Media Library के Alternative Text फ़ील्ड में। - चार्ट और इन्फ़ोग्राफ़िक: एक छोटा alt दें जो बताए कि चार्ट क्या दिखाता है, और डेटा या उसका सारांश पास के टेक्स्ट या किसी टेबल में रखें। ## अक्सर पूछे जाने वाले प्रश्न ### alt टेक्स्ट क्या है? इमेज के alt एट्रिब्यूट में उसका टेक्स्ट विकल्प होता है। स्क्रीन रीडर इसे पढ़कर सुनाते हैं, और जब इमेज दिखाई नहीं जा पाती तो ब्राउज़र इसे दिखाते हैं। ### क्या हर इमेज में alt टेक्स्ट होना चाहिए? हर img एलिमेंट में एक alt एट्रिब्यूट होना चाहिए। जानकारी देने वाली इमेज के लिए यह इमेज का वर्णन करता है; सजावटी इमेज के लिए यह खाली (alt="") होना चाहिए, ताकि स्क्रीन रीडर उसे छोड़ दें। ### alt टेक्स्ट कितना लंबा होना चाहिए? WCAG कोई सीमा तय नहीं करता। अच्छा alt टेक्स्ट आमतौर पर एक छोटा वाक्यांश या वाक्य होता है। अगर किसी इमेज को ज़्यादा विवरण चाहिए, तो उसका वर्णन पेज के टेक्स्ट या कैप्शन में करें और alt छोटा रखें। हम 150 कैरेक्टर से लंबे alt टेक्स्ट को दोबारा देखने के लिए चिह्नित करते हैं। ### क्या alt टेक्स्ट से SEO में मदद मिलती है? Google कहता है कि वह इमेज को समझने के लिए कंप्यूटर विज़न और पेज के कंटेंट के साथ alt टेक्स्ट का इस्तेमाल करता है, और लिंक की गई इमेज का alt टेक्स्ट anchor टेक्स्ट की तरह काम करता है। वह यह चेतावनी भी देता है कि alt एट्रिब्यूट में कीवर्ड ठूँसने को स्पैम माना जा सकता है। ### क्या title एट्रिब्यूट और alt एक ही हैं? नहीं। title, hover करने पर टूलटिप के रूप में दिखता है, और स्क्रीन रीडर उसे भरोसेमंद तरीक़े से नहीं बोलते, न ही वह टच स्क्रीन पर उपलब्ध होता है। alt न होने पर ऑटोमेटेड टेस्ट इसे नाम के रूप में स्वीकार कर लेते हैं, लेकिन भरोसेमंद विकल्प alt ही है। ### क्या AI मेरा alt टेक्स्ट लिख सकता है? वह विवरण का ड्राफ़्ट बना सकता है, लेकिन उसे यह नहीं पता कि इमेज आपके पेज पर क्यों है। हर ड्राफ़्ट की समीक्षा करें: सही alt टेक्स्ट उस संदर्भ पर निर्भर करता है जिसे सिर्फ़ आप जानते हैं। ## स्रोत - [W3C: WCAG 2.2 सफलता मानदंड 1.1.1 Non-text Content की व्याख्या](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content) - [W3C Images Tutorial: An alt decision tree (alt तय करने के लिए निर्णय-वृक्ष)](https://www.w3.org/WAI/tutorials/images/decision-tree/) - [W3C Images Tutorial: Functional images (काम करने वाली इमेज)](https://www.w3.org/WAI/tutorials/images/functional/) - [Google Search Central: इमेज SEO की बेस्ट प्रैक्टिस](https://developers.google.com/search/docs/appearance/google-images) - [Deque: axe-core का image-alt नियम](https://dequeuniversity.com/rules/axe/4.13/image-alt) - [WebAIM: The WebAIM Million (2026)](https://webaim.org/projects/million/)