उन images को खोजें जिन्हें closer look चाहिए
Alt Tag Checker
Pasted HTML में image alt attributes audit करें. Missing attributes को intentionally empty alternatives से अलग करें, हर image source review करें, और findings export करें.
Image alt audit
Your image counts and alt text review will appear here.
Alt Tag Checker: आपका check क्या बताता है
Alt tag checker उन image elements को खोजने में मदद करता है जिनके alternatives पर attention चाहिए. HTML में alt image पर attribute है, अलग tag नहीं. Missing attribute, empty value और useful description तीन अलग cases हैं.
यह local audit आपके pasted HTML में img elements inspect करता है. यह page fetch नहीं करता, image को visually judge नहीं करता, JavaScript execute नहीं करता, images load नहीं करता या accessibility certify नहीं करता. यह files deduplicate करने के बजाय image occurrences count करता है, क्योंकि same image अलग contexts में अलग purposes serve कर सकती है.
Missing attribute
Alt के बिना img element को review चाहिए. Assistive technology useful alternative के बजाय filename announce कर सकती है. Decide करें कि image information देती है या decorative है.
Empty alternative
Decorative image के लिए explicit alt="" सही हो सकता है. Image कोई information add नहीं करती तो इसे empty रखें; reader को जरूरी बात communicate करती है तो useful text add करें.
Whitespace only
Alt के अंदर spaces अलग list होते हैं. Image purpose review करें, फिर decoration के लिए genuinely empty value या information के लिए meaningful text use करें.
Text present
Non-empty value automatically good alternative नहीं है. Check करें कि यह context में purpose describe करता है, keyword stuffing, nearby text repeat करने या filename पर rely करने के बिना.
HOW IT WORKS
Check से useful next step तक
Source या rendered HTML paste करें
अपने page source या browser developer tools से HTML copy करें. सिर्फ web address paste करने से page retrieve नहीं होगा.
हर category review करें
Missing attributes से शुरू करें, फिर context में empty alternatives review करें. Results filter करें और image source व alt text compare करें.
Fix करें और recheck करें
Templates या CMS fields update करें, review list export करें, फिर publishing के बाद fresh HTML audit करें. Broader review के हिस्से के रूप में page को assistive technology से test करें.
Same attribute, तीन अलग decisions
Informative product image
<img src="mug.jpg" alt="Blue ceramic mug with a curved handle">Image जो information contribute करती है उसे describe करें. यह example shopper को concrete visual detail देता है.
Decorative divider
<img src="divider.svg" alt="">Empty alternative decorative image को reading experience में noise add करने से रोक सकता है.
Size chart with no alternative
<img src="size-guide.png">Missing alt को review चाहिए. Complex chart को short alternative के अलावा nearby text या data table भी चाहिए हो सकता है.
For contextual guidance, read the W3C image alt decision tree.