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 पाठलाई जोरमा पढ्दछ, त्यसैले अन्धा प्रयोगकर्ता जानौँ कि छविले के बुझाउँछ। यो बिना, उनीहरूले फाइल नाम वा केवल "image" सुन्छन् — बेकार।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="" प्रयोग गर्नुहोस्।