The alt विशेषता पाठ विकल्प प्रदान करती है जो किसी छवि की सामग्री या कार्य का वर्णन करती है। यह उन उपयोगकर्ताओं और उपकरणों को सेवा देती है जो छवि को नहीं देख सकते।
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
The alt विशेषता पाठ विकल्प प्रदान करती है जो किसी छवि की सामग्री या कार्य का वर्णन करती है। यह उन उपयोगकर्ताओं और उपकरणों को सेवा देती है जो छवि को नहीं देख सकते।
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt को जोर से पढ़ता है, इसलिए अंधा उपयोगकर्ता जानता है कि छवि क्या संप्रेषित करती है। इसके बिना, वे फाइल नाम या बस "छवि" सुनते हैं — बेकार।alt पाठ दिखाता है।alt का उपयोग करते हैं (छवि एसईओ)।<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
The alt="" (खाली, लेकिन मौजूद) महत्वपूर्ण है: यह स्क्रीन रीडर्स को बताता है "यह सजावटी है, इसे अनदेखा करो।" पूरी तरह alt को छोड़ना अलग है — तब रीडर फाइल नाम की घोषणा कर सकता है।
alt छवियों के लिए सबसे महत्वपूर्ण पहुंच विशेषता है और एक्सेसिबिलिटी मानकों (WCAG) के तहत एक कानूनी आवश्यकता है।
यह गैर-दृश्य उपयोगकर्ताओं के लिए सामग्री को बोधगम्य बनाता है, जब छवियां टूट जाती हैं तो फॉलबैक प्रदान करता है, और एसईओ में सहायता करता है — बताएं कि छवि संदर्भ में क्या मायने रखती है, और विशुद्ध रूप से सजावटी छवियों के लिए alt="" का उपयोग करें।