আপনার AI-তৈরি অ্যাপ কি সবাই ব্যবহার করতে পারবে? অ্যাক্সেসিবিলিটির সহজ গাইড

আপনি যখন AI দিয়ে একটি অ্যাপ তৈরি করেন, তখন আপনি সেটা পরীক্ষা করেন নিজের মতো করেই — নিজের স্ক্রিনে, নিজের চোখে, ল্যাপটপে দুই হাতে স্থির ধরে। সমস্যা হলো, যাঁরা আসলে আপনার অ্যাপ খুলবেন, তাঁদের একটা বড় অংশ এভাবে ব্যবহার করেন না। কেউ ফোনের লেখা স্বাভাবিকের দ্বিগুণ বড় করে নেন। কেউ আপনার লাল রঙের এরর মেসেজ আর তার চারপাশের কালো লেখা আলাদা করতে পারেন না। কেউ কোলে বাচ্চা নিয়ে এক বুড়ো আঙুলে টাইপ করছেন। অ্যাপ অ্যাক্সেসিবিলিটি আসলে এই প্রশ্নটাই — এই মানুষগুলো কি তারপরও কাজটা সেরে ফেলতে পারবেন? আর এই প্রশ্নটা বেশিরভাগ AI-তৈরি অ্যাপকে কখনো জিজ্ঞেসই করা হয় না।

এটা সামলাতে আপনার কোনো ডিগ্রি বা কমপ্লায়েন্স টিমের দরকার নেই। দরকার শুধু জানা — অ্যাপগুলো সাধারণত ঠিক কোন চার-পাঁচটা জায়গায় মানুষকে বাদ দিয়ে দেয়, আর সেগুলো ঠিক করতে আপনার বিল্ডারকে কীভাবে বলবেন। চলুন গল্পের ছলে সাধারণ সমস্যাগুলো দেখাই, কারণ একবার দেখে ফেললে এগুলো ধরা সহজ হয়ে যায়।

কারো জুম করলে আমার অ্যাপের লেআউট ভেঙে পড়ে কেন?

কারণ বেশিরভাগ AI-তৈরি অ্যাপ একটাই নির্দিষ্ট টেক্সট সাইজ ধরে ডিজাইন করা হয় — তাই কেউ যখন তাঁর ফোন বা ব্রাউজারের লেখা বড় করেন (অনেকেই এটা করেন, বিশেষত ষাটোর্ধ্ব যে-কেউ), তখন বোতামগুলো একটার ওপর আরেকটা উঠে আসে, কলামগুলো এলোমেলো স্তূপে গুটিয়ে যায়, আর নিয়ন্ত্রণগুলো একটার নিচে আরেকটা ঢুকে যায়।

আমার চেনা একজন নির্মাতা তাঁর মায়ের সেলুনের জন্য একটা ছিমছাম অ্যাপয়েন্টমেন্ট অ্যাপ বানিয়েছিলেন। দেখতেও দারুণ ছিল। তারপর তাঁর মা সেটা খুললেন, আর প্রথম যেটা করলেন — ষাটোর্ধ্ব অনেকেই যেমন করেন — টেক্সট বড় করতে পিঞ্চ-জুম করলেন। আর তাতেই লেআউট ভেঙে পড়ল। বোতামগুলো একটার ওপর আরেকটা উঠে গেল, “বুক করুন” বোতামটা মেনুর নিচে ঢুকে গেল, আর সময়ের একটা কলাম এমন এলোমেলো স্তূপে পরিণত হলো যা পড়াই যাচ্ছিল না।

AI-তৈরি অ্যাপে এটাই সবচেয়ে সাধারণ অ্যাক্সেসিবিলিটি ভাঙন, আর কেউ জুম না-করা পর্যন্ত এটা চোখেই পড়ে না। আপনার বিল্ডারকে বলুন: “টেক্সট ২০০% পর্যন্ত জুম করলেও লেআউট যেন ঠিকঠাক কাজ করে তা নিশ্চিত করো। কিছু যেন একটার ওপর আরেকটা না উঠে বা কেটে না যায়।” এরপর নিজেই পরীক্ষা করুন — আপনার ফোনে সিস্টেম ফন্ট সাইজ সর্বোচ্চ করে অ্যাপটা খুলুন। যদি লেআউট ভেঙে পড়ে, সেটাই আপনার প্রথম ঠিক করার জায়গা।

আমার অ্যাপে শুধু রং দিয়ে স্ট্যাটাস দেখানো উচিত নয় কেন?

কারণ প্রায় বারোজন পুরুষের মধ্যে একজন রং আলাদাভাবে দেখেন, সবচেয়ে সাধারণভাবে লাল আর সবুজ — তাই শুধু লাল বিন্দু বনাম সবুজ বিন্দু দিয়ে দেখানো স্ট্যাটাস তাঁদের কাছে একই রকম দেখায়, আর তাঁরা সত্যিই “পরিশোধ হয়েছে” আর “বকেয়া আছে”-র মধ্যে পার্থক্য বুঝতে পারেন না।

একজন ফ্রিল্যান্সার একটা ইনভয়েস ট্র্যাকার বানিয়েছিলেন যেখানে স্ট্যাটাস শুধু রং দিয়ে দেখানো হতো — সবুজ বিন্দু, লাল বিন্দু। তাঁর এক ক্লায়েন্ট, যিনি লাল-সবুজ রং আলাদা করতে পারতেন না, বারবার আগেই পরিশোধ হয়ে যাওয়া ইনভয়েস আবার পরিশোধ করে দিচ্ছিলেন, কারণ তাঁর কাছে দুটো বিন্দু একই রকম দেখাচ্ছিল। তথ্যটা সেখানে ছিল ঠিকই। শুধু তাঁর জন্য সেটা ছিল না।

এর সমাধান একটা ফিচার নয়, একটা অভ্যাস: কখনো শুধু রং দিয়ে কিছু বোঝানোর চেষ্টা করবেন না। সঙ্গে একটা শব্দ, আইকন, বা আকার যোগ করুন। লালের পাশে “বকেয়া” শব্দটা। সবুজের পাশে একটা টিক চিহ্ন। শুধু লাল আউটলাইন নয়, একটা তারকাচিহ্ন আর “আবশ্যক” শব্দটা। রং থাকুক, কোনো আপত্তি নেই — শুধু বার্তাটা একাই বহন করার দায়িত্ব রঙের একার হতে পারবে না।

স্ক্রিন রিডার নাম না বলে শুধু “বোতাম” বলে কেন?

কারণ লেবেলহীন একটা আইকন বোতামের — একটা ট্র্যাশ ক্যান, একটা পেনসিল, শব্দ ছাড়া একটা ম্যাগনিফাইং গ্লাস — কোনো টেক্সট থাকে না, যা স্ক্রিন রিডার (দৃষ্টিহীন ও কম দৃষ্টিশক্তিসম্পন্ন মানুষ স্ক্রিনের লেখা জোরে শোনার জন্য যে সফটওয়্যার ব্যবহার করেন) জোরে বলে শোনাতে পারে — তাই এটা আক্ষরিক অর্থেই বলে, “বোতাম।” “মুছুন” নয়। “সম্পাদনা করুন” নয়। শুধু “বোতাম।”

AI বিল্ডাররা পরিষ্কার আইকন বোতাম পছন্দ করে, কারণ সেগুলো দেখতে আধুনিক লাগে। কিন্তু কল্পনা করুন এমন একটা অ্যাপ ব্যবহার করছেন যেখানে প্রতিটা নিয়ন্ত্রণের নাম “বোতাম,” আর আপনাকে আন্দাজ করে নিতে হচ্ছে কোনটা কী। প্রতিটা আইকনে দৃশ্যমান টেক্সট যোগ করার দরকার নেই — দরকার শুধু নিশ্চিত করা যে প্রতিটা নিয়ন্ত্রণের নিচে একটা নাম আছে, স্ক্রিন রিডার যা ঘোষণা করতে পারে, এমনকি অদৃশ্য হলেও। আপনার বিল্ডারকে বলুন: “প্রতিটা আইকন বোতামে একটা অ্যাক্সেসিবল লেবেল দাও — ট্র্যাশ আইকনটা ‘মুছুন’ বলে ঘোষণা করা উচিত, পেনসিলটা ‘সম্পাদনা করুন’ বলে।” এটা ছোট্ট একটা পরিবর্তন, কিন্তু এটাই তফাত গড়ে দেয় — একদিকে এমন একটা অ্যাপ যেখানে একজন দৃষ্টিহীন ব্যবহারকারী চলাফেরা করতে পারেন, আরেকদিকে নাম-না-জানা বোতামের এক দেয়াল।

মোবাইল অ্যাপে ট্যাপ করার জায়গাগুলো কতটা বড় হওয়া উচিত?

ডিজাইনাররা যে মোটামুটি নিয়ম মেনে চলেন, তা হলো — ট্যাপযোগ্য যেকোনো কিছু প্রায় ৪৪ পিক্সেলের হওয়া উচিত, মোটামুটি একটা আঙুলের ডগার সমান — আর সেগুলোর মধ্যে যথেষ্ট ফাঁক থাকা উচিত, যাতে দুটো ট্যাপযোগ্য জিনিস একেবারে গা ঘেঁষে না থাকে।

কল্পনা করুন কেউ বাসে বসে এক হাতে আপনার অ্যাপ ব্যবহার করছেন। বুড়ো আঙুল মোটা আর অনির্দিষ্ট, বাস চলছে, আর বন্ধ করার আপনার “X” বোতামটা কোণায় একটা ১৬-পিক্সেলের ছোট্ট বিন্দু। তিনি দুবার মিস করলেন, একবার পেছনের কিছুতে চাপ পড়ে গেল, তারপর হাল ছেড়ে দিলেন। ছোট, ঠাসাঠাসি ট্যাপ টার্গেট শুধু বিরক্তিকর নয়, এটা একটা অ্যাক্সেসিবিলিটি সমস্যা — কাঁপুনি আছে এমন মানুষ, বড় আঙুলের মানুষ, বা চলমান পরিবেশে থাকা মানুষদের ওপর এর প্রভাব সবচেয়ে বেশি পড়ে। আপনার বিল্ডারকে বলুন: “ট্যাপ টার্গেটগুলো অন্তত ৪৪ পিক্সেল করো আর সেগুলোর মধ্যে ফাঁক রাখো, যাতে মানুষ ভুল জায়গায় চাপ না দেয়।” এরপর পরীক্ষা করুন: আপনার ফোনে অ্যাপটা খুলুন আর হাঁটতে হাঁটতে এক হাতে প্রধান কাজটা করার চেষ্টা করুন। যদি বারবার ভুল জায়গায় চাপ পড়ে, সবার সঙ্গেই তাই হবে।

পাঁচ মিনিটে আমার অ্যাপের অ্যাক্সেসিবিলিটি কীভাবে পরীক্ষা করব?

মানুষ সবচেয়ে বেশি ব্যবহার করেন এমন স্ক্রিনে তিনটে দ্রুত পরীক্ষা করেই আপনি কোনো টুল ছাড়াই এর বেশিরভাগটা নিজে ধরতে পারবেন:

1. জুম করে দেখুন। আপনার ফোন বা ব্রাউজারের টেক্সট সর্বোচ্চ সেটিংয়ে বাড়িয়ে প্রধান স্ক্রিনটা খুলুন। কিছু কি একটার ওপর আরেকটা উঠে যাচ্ছে, উধাও হয়ে যাচ্ছে, বা কেটে যাচ্ছে?
2. রং সরিয়ে দেখুন। আপনার অ্যাপে যেখানে যেখানে রং দিয়ে কিছু বোঝানো হয় — স্ট্যাটাস, এরর, আবশ্যক ফিল্ড — সেসব জায়গা দেখুন। যদি সবটা ধূসর রঙে কল্পনা করেন, তাহলেও কি বুঝতে পারছেন কী হচ্ছে? না পারলে, একটা শব্দ বা আইকন যোগ করুন।
3. দুই মিনিটের জন্য স্ক্রিন রিডার চালু করুন। আইফোন (VoiceOver) আর অ্যান্ড্রয়েড (TalkBack) — দুটোতেই এটা বিল্ট-ইন আছে। চালু করুন, চোখ বন্ধ করুন, আর আপনার অ্যাপের প্রধান কাজটা করার চেষ্টা করুন। কোন বোতামগুলোর নাম নেই, তা সঙ্গে সঙ্গেই বুঝে যাবেন।

এর কোনোটার জন্যই আপনার ডেভেলপার হতে হবে না। শুধু পাঁচ মিনিটের জন্য নিজেকে পরীক্ষার মাপকাঠি বানানো বন্ধ করে, এমন কারো মতো পরীক্ষা করতে হবে যাঁর হাত, চোখ, বা স্ক্রিন আপনারটার সঙ্গে মেলে না।

সবকিছু একসঙ্গে ঠিক করার দরকার নেই। মানুষ সবচেয়ে বেশি ব্যবহার করেন এমন একটা স্ক্রিন বেছে নিন — বুকিং ফর্ম, সাইন-আপ, প্রধান লিস্ট — আর সেটাকেই জুম করা, রংহীন, আর জোরে পড়ে শোনানো অবস্থায় ঠিকঠাক কাজ করার মতো বানান। ঠিকভাবে করা এই একটা স্ক্রিনই এমন সব কোণা ঘুরে দেখা একটা পুরো অ্যাক্সেসিবিলিটি অডিটের চেয়ে বেশি মানুষকে কভার করবে, যেখানে কেউ যায়ই না। ওখান থেকেই শুরু করুন, আর পরের যে মানুষটা এক বুড়ো আঙুল আর জুম করা স্ক্রিন নিয়ে আপনার অ্যাপ খুলবেন, তিনি ফিরে যাওয়ার বদলে একজন ব্যবহারকারী হয়েই থেকে যাবেন।