इमेज के alt एट्रिब्यूट का ऑडिट (HTML)
HTML स्निपेट पेस्ट करके सभी <img> टैग की सूची देखें और जाँचें कि किनमें alt एट्रिब्यूट नहीं है, या एट्रिब्यूट है लेकिन खाली है।
यह कैसे काम करता है
alt एट्रिब्यूट स्क्रीन रीडर इस्तेमाल करने वालों और सर्च इंजन के लिए इमेज की सामग्री बताता है, और इमेज लोड न हो पाने पर दिखाई देता है। एक्सेसिबिलिटी या SEO ऑडिट अक्सर यही जाँचने से शुरू होता है कि कोई भी महत्वपूर्ण इमेज इसके बिना न हो। यह टूल HTML स्निपेट में मिली हर इमेज की सूची बनाता है और बताता है कि उसका alt एट्रिब्यूट गायब है, खाली है या भरा हुआ है।
क्या खाली alt एट्रिब्यूट (alt="") एक गलती है?
ज़रूरी नहीं: विशुद्ध रूप से सजावटी इमेज (जैसे बॉर्डर या विज़ुअल सेपरेटर) के लिए alt="" ही सही तरीका है, क्योंकि यह स्क्रीन रीडर को साफ़ तौर पर उन्हें छोड़ देने का निर्देश देता है। समस्या तब होती है जब किसी अर्थपूर्ण इमेज पर alt एट्रिब्यूट बिल्कुल न हो।
प्रोडक्ट इमेज के लिए कौन-सा वैकल्पिक टेक्स्ट लिखें?
इमेज में जो दिख रहा है उसे संक्षेप में और तथ्यात्मक रूप से बताएँ, ज़रूरत हो तो प्रोडक्ट का नाम भी शामिल करें — जैसे alt="नीला रनिंग शूज़, साइड व्यू", न कि alt="image" जैसा सामान्य टेक्स्ट, जो एक्सेसिबिलिटी और सर्च रैंकिंग, दोनों के लिए कोई मूल्य नहीं जोड़ता।
100% लोकल प्रोसेसिंग: आपका HTML स्निपेट कभी किसी सर्वर को नहीं भेजा जाता, पूरा ऑडिट आपके ब्राउज़र में होता है।