பண்புக்குறிப்பு 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="" ஐப் பயன்படுத்தவும்.
விரிவான பதில்களுடன் கூடிய IT நேர்காணல் கேள்விகளின் நூலகம் — Junior முதல் Senior வரை.
நன்கொடை