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="" ব্যবহার করুন।