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="" استعمال کریں۔