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 નો ઉપયોગ કરે છે (ચિત્ર એસઈઓ).<!-- ✅ 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="" નો ઉપયોગ કરો.