Screpy का Image Alt Text Checker एक पेज के प्राप्त HTML में समर्थित चित्र तत्व खोजकर गायब alt attribute, खाली मान और लिखे हुए पाठ अलग करता है। स्रोत प्रमाण से संपादन सूची बनाएँ और हर चित्र का योगदान देखें। टूल attribute पहचानता है; pixel नहीं देखता, विवरण नहीं लिखता और accessibility certification नहीं देता।
चित्रों वाला पेज जाँचें
किसी फोटो फ़ाइल के पते के बजाय सार्वजनिक HTTP/HTTPS पेज URL दें। स्रोत को पढ़ने योग्य HTML लौटाना चाहिए। उत्पाद गैलरी के लिए उसे रखने वाला उत्पाद पेज जाँचें। केवल चित्र फ़ाइल से पता नहीं चलता कि इस्तेमाल की जगह कौन-सा वैकल्पिक पाठ लगा है।
रिपोर्ट img और type image वाले input पढ़ती है। JavaScript चलाए बिना HTML प्रतिक्रिया इस्तेमाल होती है। script के बाद जोड़े गए चित्र छूट सकते हैं; CSS background और inline SVG भी सूची से बाहर हैं।
अधिकतम 1,000 चित्र पंक्तियाँ रखी जाती हैं और लंबे प्रमाण छोटे हो सकते हैं। ये तत्वों के उपयोग हैं, अलग फ़ाइलों की संख्या नहीं। एक फोटो दो जगह अलग काम के साथ दो पंक्तियाँ दे सकती है। आंशिक कवरेज नोट पढ़ें: सूची बड़े या गतिशील पेज के हर दृश्य को नहीं दर्शाती। समर्थित तत्व न मिलने से स्क्रीन पर कोई चित्र नहीं होना साबित नहीं होता।
गायब, खाली और भरे alt को अलग समझें
फ़िल्टर से एक समय पर एक श्रेणी देखें। गायब का अर्थ तत्व में alt attribute नहीं। खाली का अर्थ attribute है लेकिन सार्थक पाठ नहीं, केवल space भी इसी में आता है। भरा हुआ केवल पाठ मौजूद होना बताता है, उसका सही, उपयोगी या screen reader के अनुकूल होना नहीं।
पहले गायब attribute और फिर खाली मान संदर्भ में देखें। W3C WAI की सजावटी चित्र गाइड बताती है कि जानकारी न जोड़ने वाले चित्र का खाली विकल्प उचित क्यों हो सकता है। attribute हटाना और खाली रखना अलग निर्णय हैं। भरे मानों की संख्या बढ़ाने के लिए सब खाली न भरें।
चित्र स्रोत और HTML line number से template या CMS output में तत्व खोजें। .jpg पर खत्म विवरण जैसे कुछ filename-समान मान भी चिह्नित होते हैं। यह समीक्षा का संकेत है, भाषा की पूरी गुणवत्ता जाँच नहीं। सामान्य, गलत या दोहराया पाठ उस सीमित नियम से बचकर भी सुधार माँग सकता है।
चित्र की भूमिका के अनुसार वैकल्पिक पाठ चुनें
सोचें कि चित्र न देख सकने वाला व्यक्ति क्या खो देगा। W3C WAI का alt decision tree जानकारी देने वाले, सजावटी और कार्यात्मक उपयोग अलग करता है। आसपास का पाठ और उद्देश्य बदलने पर एक फ़ाइल को अलग पेज पर अलग व्यवहार चाहिए।
ये काल्पनिक उदाहरण संपादकीय निर्णय दिखाते हैं। शब्द तभी उचित हैं जब चित्र और संदर्भ वास्तव में वैसे हों; टूल ने ये चित्र नहीं देखे।
| चित्र की भूमिका | संभावित तरीका | सत्यापित शर्त |
|---|---|---|
| विवरण दिखाती उत्पाद फोटो | “सामने दो ज़िप जेबों वाला नीला बैकपैक” | विवरण सही और चयन के लिए प्रासंगिक हों |
| सजावटी विभाजक | खाली alt attribute | कोई जानकारी या कार्य न जोड़े |
| home link का अकेला logo | “Example होमपेज” | चित्र लिंक की अकेली सामग्री और वही गंतव्य हो |
| महत्वपूर्ण मान वाला chart | छोटा विकल्प और पास में व्याख्या या data table | chart देखे बिना मुख्य निष्कर्ष और मान मिलें |
लिंक वाले चित्र या image button की भूमिका अन्यथा अस्पष्ट हो तो गंतव्य या action बताएँ। कार्य की जगह icon का आकार न लिखें। जटिल chart में पूरा dataset एक attribute में डालने की बजाय पेज सामग्री में विस्तार दें।
Google की image गाइड उपयोगी, संदर्भ वाला पाठ सुझाती है और keyword stuffing से मना करती है। ज़रूरी अर्थ स्वाभाविक लिखें। लक्षित कीवर्ड सूची व्याख्या की जगह नहीं लेती और attribute भरने से image search ranking सुनिश्चित नहीं होती।
स्रोत सुधारकर प्रकाशित पेज देखें
प्रभावित तत्व बनाने वाला field या component बदलें। template उसे alt में न रखे तो CMS media description मदद नहीं करती। बार-बार card या gallery में दोष आए तो shared component और हर entry देखें। सारे विवरण एक global default से न बदलें।
सुधार प्रकाशित करके वही URL फिर जाँचें। लौटे HTML में अपेक्षित attribute की पुष्टि करें, फिर दिखाई देने वाला पेज और आसपास का पाठ देखें। जानबूझकर खाली विकल्प रखें और जानकारी देने वाले या कार्यात्मक चित्र का अर्थ जाँचें। लक्ष्य उपयोगी सामग्री है, केवल भरे मान वाली रिपोर्ट नहीं।
सूची में छूटे महत्वपूर्ण graphic और JavaScript व्यवहार हाथ से देखें। पूरा accessibility review इस attribute से आगे जाता है। दूसरे पेज संकेतों के लिए On-Page SEO Checker और हेडिंग संरचना के लिए Heading Structure Analyzer इस्तेमाल करें। कोई भी इस जाँच को certification नहीं बनाता।