alt विशेषता एक पाठ्य पर्याय प्रदान करते जो प्रतिमेच्या सामग्री किंवा कार्य वर्णन करते. हे अशा वापरकर्त्यांना आणि साधनांना सेवा देते जे प्रतिमा पाहू शकत नाहीत.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt विशेषता एक पाठ्य पर्याय प्रदान करते जो प्रतिमेच्या सामग्री किंवा कार्य वर्णन करते. हे अशा वापरकर्त्यांना आणि साधनांना सेवा देते जे प्रतिमा पाहू शकत नाहीत.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt मोठ्या आवाजात वाचते, त्यामुळे अंध वापरकर्ता जाणतो की प्रतिमा काय संप्रेषित करते. त्याशिवाय, त्यांना फाइल नाव किंवा फक्त "प्रतिमा" ऐकू येते — निरुपयोगी.alt मजकूर दर्शवते.alt वापरतात (प्रतिमा SEO).<!-- ✅ 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="" />
alt="" (रिक्त, परंतु उपस्थित) महत्वाचा आहे: हे स्क्रीन रीडरला सांगते "हे सजावटीचे आहे, त्याचे दुर्लक्ष करा." alt पूर्णपणे वगळणे वेगळे आहे — मग रीडर फाइल नाव जाहीर करू शकते.
alt हीच प्रतिमांसाठी सर्वात महत्वाचा प्रवेशयोग्यता विशेषता आहे आणि प्रवेशयोग्यता मानकांनुसार कायदेशीर आवश्यकता आहे (WCAG).
हे दृष्टिहीन वापरकर्त्यांसाठी सामग्री संवेदनशील बनवते, प्रतिमा तुटल्यावर प्रतिपूरक प्रदान करते आणि SEO ला मदत करते — प्रतिमा संदर्भात काय अर्थ असते हे वर्णन करा आणि पूर्णपणे सजावटीच्या प्रतिमांसाठी alt="" वापरा.