सारांश: Alt टेक्स्ट चेकर किसी पेज के हर img टैग को पढ़ता है, लेज़ी-लोड की गई छवियों समेत, और उसके alt एट्रिब्यूट की जाँच करता है। यह गायब alt एट्रिब्यूट, alt के रूप में इस्तेमाल किए गए फ़ाइल के नाम, “image” जैसे सामान्य शब्द, 125 अक्षरों से लंबे alt टेक्स्ट, कई छवियों पर दोहराया गया एक ही alt, और बिना किसी टेक्स्ट वाली लिंक की गई छवियों को चिह्नित करता है। यह उन छवियों की गिनती भी करता है जिनमें चौड़ाई और ऊँचाई नहीं दी गई, जो लेआउट शिफ़्ट का एक कारण है।
Alt टेक्स्ट उस छवि का वर्णन करता है जिसे लोग देख नहीं सकते: स्क्रीन रीडर, Google Images और वे AI सहायक जो HTML पढ़ते हैं। यह लिंक के रूप में इस्तेमाल की गई छवि का एंकर टेक्स्ट भी है। अच्छा alt एक छोटे वाक्य में बताता है कि छवि में क्या दिख रहा है।
चेकर क्या चिह्नित करता है
- कोई alt एट्रिब्यूट नहीं: छवि कुछ नहीं कहती, और कुछ स्क्रीन रीडर फ़ाइल का नाम पढ़ते हैं।
- फ़ाइल का नाम या सामान्य शब्द: “IMG_2034.jpg” या “photo” कुछ नहीं बताते।
- बिना टेक्स्ट की लिंक की गई छवि: उसका alt एंकर बन जाता है, इसलिए उसे लक्ष्य पेज का वर्णन करना चाहिए।
- बहुत लंबा या दोहराया गया: इसे 125 अक्षरों से छोटा रखें, हर छवि का एक ही वर्णन।
अच्छा alt टेक्स्ट कैसे लिखें
- वह लिखें जो विज़िटर देखता है, पेज की भाषा में: “ओक की कुर्सी, सामने से दृश्य”।
- कीवर्ड तभी जोड़ें जब वह सचमुच छवि का वर्णन करता हो।
- सिर्फ़ सजावटी छवियों के लिए alt="" लिखें, ताकि स्क्रीन रीडर उन्हें छोड़ दें।
- लेआउट शिफ़्ट से बचने के लिए हर छवि को चौड़ाई और ऊँचाई दें।
प्रकाशित करने से पहले अपनी छवियों का आकार घटाने के लिए इमेज कंप्रेसर का इस्तेमाल करें। छवि के बाकी संकेतों के लिए देखें इमेज ऑप्टिमाइज़ेशन और Core Web Vitals।
