ছবির alt টেক্সট কীভাবে লিখবেন (উদাহরণসহ)
কোন ছবিতে alt লিখবেন, কোনটিতে ফাঁকা রাখবেন, কতটা লম্বা হওয়া উচিত: ছবি, আইকন, চার্ট ও লোগোর উদাহরণসহ সহজ গাইড।
alt টেক্সট হলো ছবির জায়গায় স্ক্রিন রিডার যে ছোট বর্ণনা পড়ে শোনায়। ছবি লোড না হলেও এটি দেখা যায়। এটি অ্যাক্সেসিবিলিটির সবচেয়ে সস্তা উন্নতিগুলোর একটি, কিন্তু দুই দিকেই ভুল হয়: হয় একেবারেই থাকে না, নয়তো কিওয়ার্ডে ঠাসা থাকে।
নিজেকে একটি প্রশ্ন করুন
“ছবিটা দেখতে না পেলে এই পেজ থেকে একই উপকার পেতে আমার কী জানা দরকার?” উত্তর নির্ভর করে প্রসঙ্গের ওপর। একই ছবি টিমের পেজে মানুষটির নাম চায়, আবার সাজসজ্জার ব্যানারে কিছুই চায় না।
ছবির ধরন অনুযায়ী উদাহরণ
| ছবির ধরন | কী করবেন | উদাহরণ |
|---|---|---|
| তথ্যবহুল ছবি | প্রসঙ্গ অনুযায়ী যা গুরুত্বপূর্ণ তা বর্ণনা করুন | alt="স্বেচ্ছাসেবকেরা বাক্সে খাবার গুছিয়ে রাখছেন" |
| লিংক বা বোতাম হিসেবে ছবি | গন্তব্য বা কাজের নাম লিখুন | alt="২০২৫ সালের প্রতিবেদন ডাউনলোড (PDF)" |
| পাশে লেখাসহ আইকন | সাজসজ্জা হিসেবে ধরুন | alt="" |
| একা আইকন | কাজের নাম দিন | alt="অনুসন্ধান" |
| লোগো | প্রতিষ্ঠানের নাম লিখুন | alt="দ্য রিডস্কোপ" |
| চার্ট বা গ্রাফ | মূল সিদ্ধান্ত লিখুন, তথ্য টেবিলে বা লেখায় দিন | alt="লাইন চার্ট: জানুয়ারি থেকে জুনে নিবন্ধন তিন গুণ হয়েছে" |
| শুধু সাজসজ্জা | ফাঁকা alt | alt="" |
মনে রাখার নিয়ম
- সংক্ষিপ্ত রাখুন। একটি বাক্যাংশ বা বাক্য সাধারণত যথেষ্ট।
- “ছবি” বা “image of” লিখবেন না। ভূমিকা স্ক্রিন রিডার নিজেই জানায়।
- ক্যাপশন পুনরাবৃত্তি করবেন না। ক্যাপশনে যা আছে alt-এ সংক্ষেপে বা ফাঁকা রাখুন।
- ছবির ভেতরের লেখা যোগ করুন, যদি সেটি গুরুত্বপূর্ণ হয়।
- আগে পাঠকের জন্য লিখুন। স্বাভাবিক ভাষা কিওয়ার্ড ঠাসার চেয়ে ভালো।
ওয়ার্ডপ্রেসে যেখানে ভুল হয়
- মিডিয়া লাইব্রেরিতে “Alternative Text” ঘর আছে। আপলোডের সময়ই পূরণ করুন।
- ফিচার্ড ইমেজের alt আসে মিডিয়া লাইব্রেরি থেকে, পোস্ট থেকে নয়।
- পেজ বিল্ডারের উইজেটে আলাদা alt ঘর থাকতে পারে, যা লাইব্রেরির মান বদলে দেয়।
- ট্র্যাকিং পিক্সেল ও ফাঁকা স্পেসার ছবিতে alt ফাঁকা রাখুন।
ফাঁক দ্রুত খুঁজে নিন
স্বয়ংক্রিয় স্ক্যান একটি কাজ খুব ভালো পারে: যে ছবিতে alt অ্যাট্রিবিউটই নেই তা ধরা। AccessIQ এমন ছবির সঠিক এলিমেন্ট দেখায়, আর এর Auto-Fix মিডিয়া লাইব্রেরির alt থেকে ফাঁকা ঘর পূরণ করতে এবং ট্র্যাকিং পিক্সেলে alt ফাঁকা বসাতে পারে। অর্থবহ ছবির বর্ণনা ইচ্ছা করেই আপনার জন্য ছেড়ে রাখে, কারণ সফটওয়্যার আপনার উদ্দেশ্য জানে না। Pro সংস্করণে নিজের API কী দিয়ে চালানো AI alt টেক্সট জেনারেটর আছে, যা আপনি ক্লিক করলেই কাজ করে।
ইংরেজিতে আরও (উদাহরণসহ): How to write alt text that actually helps (with examples)। সম্পর্কিত বাংলা লেখা: ওয়ার্ডপ্রেস সাইটের অ্যাক্সেসিবিলিটি: শুরু করার ৮টি সহজ ধাপ।
প্রায়শ জিজ্ঞাসিত প্রশ্ন
alt টেক্সট কত লম্বা হওয়া উচিত?
যতটা সম্ভব ছোট, কিন্তু উদ্দেশ্য বোঝানোর মতো। সাধারণত একটি বাক্যাংশ বা একটি বাক্য যথেষ্ট। চার্টের মতো জটিল ছবির বিস্তারিত ব্যাখ্যা পেজের লেখায় দিন।
সাজসজ্জার ছবিতে কি alt দিতে হবে?
alt টেক্সট কি SEO-তে সাহায্য করে?
সার্চ ইঞ্জিন ছবি বুঝতে এটি ব্যবহার করে। তবে আগে মানুষের জন্য লিখুন, কিওয়ার্ড ঠাসবেন না।
