Website বা social post-এর ছবির জন্য AI কয়েক সেকেন্ডে alt text লিখে দিতে পারে। কিন্তু camera যা দেখেছে, page-এ ছবিটি কেন আছে—এই দুই প্রশ্ন এক নয়। Product photo-তে AI হয়তো colour ও objects লিখল, অথচ user-এর দরকার model number; chart-এ শুধু “একটি graph” বলল, অথচ trend-টাই মূল তথ্য। আবার purely decorative image-কে লম্বা description দিলে screen reader user অপ্রয়োজনীয় শব্দ শুনবেন। তাই generated alt text-কে draft হিসেবে নিন। ছবির purpose, surrounding copy, link action এবং visible text মিলিয়ে human editor final wording ঠিক করবেন।

ছবিটি page-এ কী কাজ করছে আগে বলুন

Alt text লেখার আগে image file আলাদা করে না দেখে complete page দেখুন। একই coffee cup photo cafe menu-তে product বোঝাতে পারে, office article-এ শুধু mood তৈরি করতে পারে, আর clickable card-এ destination চেনাতে পারে। Meaningful photo হলে brief description সেই meaning বহন করবে। Image link বা button হলে appearance-এর চেয়ে action বা destination গুরুত্বপূর্ণ। Nearby heading একই তথ্য দিলে unnecessary repetition এড়ান। W3C WAI-এর official alt decision tree text, function, meaning এবং decorative role আলাদা করে সিদ্ধান্ত নিতে বলে।

AI description ও page context পাশাপাশি পড়ুন

Generated sentence কপি করে CMS-এ বসানোর আগে image, caption, heading এবং adjacent paragraph একসঙ্গে খুলুন। AI “একজন মানুষ laptop ব্যবহার করছেন” লিখতে পারে, কিন্তু article যদি phishing mail চিনতে শেখায় তবে safe context হতে পারে “Laptop-এ suspicious email-এর sender address যাচাই করছেন একজন ব্যক্তি।” তবে ছবিতে যা নেই, যেমন person সত্যিই scam victim বা কোন brand ব্যবহার করছেন—অনুমান করবেন না। Alt text ছবির inventory নয়; page-এ ছবিটি যে কাজ করছে তার সংক্ষিপ্ত equivalent। Context useful করবে, fiction নয়।

Visible text থাকলে exact wording যাচাই করুন

Poster, screenshot, chart label বা product package-এ text থাকলে AI OCR spelling, amount কিংবা date ভুল পড়তে পারে। Important text page-এর real HTML-এও দেওয়া যায় কি না দেখুন, যাতে zoom, translation এবং copy সুবিধা থাকে। Logo হলে brand name প্রয়োজন হতে পারে; decorative lettering nearby text-এ থাকলে empty alt উপযুক্ত হতে পারে। Screenshot-এর প্রতিটি menu লিখে alt অস্বাভাবিক বড় করবেন না। User যে task বুঝতে এই image দেখছেন, তার critical label বা error message দিন এবং detailed instructions body copy-তে রাখুন।

Decorative image-এ description চাপাবেন না

Divider, abstract background, repeated flourish বা nearby text-এর একই information পুনরাবৃত্তি করা image অনেক সময় decorative। এমন HTML image-এ empty alt screen reader-কে সেটি skip করতে সাহায্য করে। Filename, “image”, “photo” বা AI-এর generic caption বসালে noise বাড়ে। তবে editor-এর পছন্দ alone যথেষ্ট নয়: logo, instructional icon বা linked thumbnail decorative নয়। CMS empty field save করলে output-এ alt="" হচ্ছে, না attribute বাদ যাচ্ছে—rendered HTML inspect করুন। Background image-এ essential information রাখলে equivalent text আলাদা করে দিতে হবে।

Bias, identity ও private detail নিয়ে সাবধান থাকুন

AI মুখ বা পোশাক দেখে age, gender, ethnicity, health, profession কিংবা emotion confidently অনুমান করতে পারে। Article-এর meaning-এর জন্য দরকার না হলে sensitive identity label বাদ দিন। “Angry customer” না বলে visible action যেমন “Counter-এর সামনে হাত তুলে কথা বলছেন একজন customer” বলা বেশি evidence-based। Location, school badge, vehicle number বা screen-এর private data প্রকাশ পেলে crop বা অন্য photo ব্যবহার করুন। Alt text image-এর hidden personal information বাড়িয়ে তুলবে না। মানুষের dignity বজায় রেখে observable detail লিখুন এবং stereotype তৈরি করা adjective সরান।

Length নয়, information priority ঠিক করুন

একটি universal character limit ধরে সব alt text কাটবেন না। Simple photo-তে এক concise sentence যথেষ্ট; complex chart-এর interpretation body বা data table-এ দরকার হতে পারে। প্রথমে essential subject ও action, পরে relevant setting দিন। “Photo of” সাধারণত screen reader আগেই জানায়, তাই বিশেষ কারণ ছাড়া লাগে না। Keyword stuffing, marketing slogan এবং caption-এর copy alt field-এ ঠেসে দেবেন না। Mobile editor-এ field পুরো দেখা না গেলে source value খুলে পড়ুন। Natural Bengali, প্রয়োজনমতো familiar English term এবং correct punctuation ব্যবহার করুন।

Generated alt text review checklist

  • Purpose: Image informative, functional, complex না decorative ঠিক করা হয়েছে।
  • Context: Heading, caption ও nearby copy-এর সঙ্গে description মেলে।
  • Evidence: Visible নয় এমন identity, emotion বা claim যোগ হয়নি।
  • Text: Critical on-image wording exact source থেকে যাচাই করা হয়েছে।
  • Function: Linked image হলে destination বা action বোঝা যায়।
  • Noise: Filename, keyword stuffing ও repeated caption বাদ দেওয়া হয়েছে।
  • Output: CMS-এর rendered alt attribute ও empty-alt behaviour test করা হয়েছে।

Keyboard ও screen reader দিয়ে final page test করুন

CMS preview-তে শুধু alt field দেখলে কাজ শেষ নয়। Published বা staging output-এ image load বন্ধ করে meaning বোঝা যায় কি না দেখুন। Keyboard দিয়ে linked image focus করলে accessible name action পরিষ্কার করছে কি না পরীক্ষা করুন। Available screen reader দিয়ে heading থেকে paragraph, image এবং link-এর sequence শুনুন; repeated বা awkward sentence ধরা পড়বে। Multiple similar cards থাকলে প্রত্যেক alt meaningfulভাবে আলাদা কি না দেখুন। Content update-এ image বদলালে পুরোনো alt রয়ে যায়—এই mismatch review queue-তে ধরুন। AI প্রথম draft দ্রুত দেয়, কিন্তু context-aware, respectful এবং test করা alternative text editor-এর দায়িত্ব।