বাংলা মোবাইল অ্যাপের accessibility চেকলিস্ট

বাংলা মোবাইল অ্যাপের accessibility পরীক্ষা করতে বড় করা যায় এমন বাংলা টাইপ, সঠিক পড়ার ক্রম, প্রতিটি নিয়ন্ত্রণের স্পষ্ট লেবেল, যথেষ্ট color contrast এবং রঙ-নিরপেক্ষ error বার্তা যাচাই করুন। বাংলাদেশে Avro Keyboard ও Bijoy দিয়ে বাংলা এবং বাংলা-ইংরেজি মিশ্র ইনপুট দিয়ে ফর্ম পরীক্ষা করুন; TalkBack ও VoiceOver-এ পুরো কাজের ধাপ চালান।

মূল বিষয়গুলো

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

এই পাতায় যা আছে

• •১. বাংলা টাইপ ও পড়ার ক্রমের চেকলিস্ট
• •২. রঙ, অবস্থা ও স্পর্শ নিয়ন্ত্রণের চেকলিস্ট
• •৩. বাংলা form design ও স্ক্রিন রিডার পরীক্ষার চেকলিস্ট
• •৪. প্রকাশের আগে ১৫ মিনিটের পরীক্ষা

১. বাংলা টাইপ ও পড়ার ক্রমের চেকলিস্ট

বাংলাদেশের সংবিধানের Article 3 অনুযায়ী বাংলা রাষ্ট্রভাষা। তাই বাংলা টেক্সট ঠিকমতো রেন্ডার হওয়া এবং স্ক্রিন রিডারে সঠিক ক্রমে পড়া কোনো ঐচ্ছিক লোকালাইজেশন নয়; এটি সহজপ্রাপ্যতার মৌলিক শর্ত।

• •ব্যবহারকারী সিস্টেমের লেখা বড় করলে শিরোনাম, বোতাম, কার্ড ও ট্যাবের লেখা কাটা যায় কি না দেখুন।
• •বাংলা যুক্তাক্ষর, কারচিহ্ন, ড়/ঢ় এবং সংখ্যা একাধিক ফন্ট-আকারে পরীক্ষা করুন।
• •লাইনের উচ্চতা এত কম রাখবেন না যাতে মাত্রা বা নিচের কার ঝাপসা লাগে।
• •বাংলা ও ইংরেজি একসঙ্গে থাকলে—যেমন মোবাইল নম্বর, OTP, NID—দৃশ্যমান এবং স্ক্রিন রিডারের পড়ার ক্রম যাচাই করুন।
• •অর্থপূর্ণ শিরোনাম ব্যবহার করুন, যাতে স্ক্রিন রিডার ব্যবহারকারী দ্রুত অংশে অংশে যেতে পারেন।

Android-এ বড় ডিসপ্লে টেক্সট ও TalkBack চালিয়ে, iPhone-এ বড় টেক্সট ও VoiceOver চালিয়ে একই স্ক্রিন পরীক্ষা করুন। ডিজাইনে জায়গা কম হলে লেখা ছোট করবেন না; দীর্ঘ বাংলা লেবেলের জন্য এক বা দুই লাইনের বিন্যাস রাখুন।

২. রঙ, অবস্থা ও স্পর্শ নিয়ন্ত্রণের চেকলিস্ট

Color contrast যাচাইয়ে শুধু ডিজাইন ফাইলের নমুনা দেখবেন না; বাস্তব ফোনে উজ্জ্বল আলো, ডার্ক মোড এবং লেখা বড় অবস্থায় দেখুন। লেখা ও তার পটভূমির পার্থক্য যথেষ্ট না হলে কম দৃষ্টিশক্তির ব্যবহারকারী দাম, ব্যালান্স, নির্দেশ বা সতর্কতা মিস করতে পারেন।

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

প্রতিটি গুরুত্বপূর্ণ অবস্থাকে রঙ বন্ধ বা ধূসর করে দেখার পরীক্ষাও করুন। তখনও অর্থ বোঝা গেলে নকশাটি রঙ-নির্ভর নয়।

৩. বাংলা form design ও স্ক্রিন রিডার পরীক্ষার চেকলিস্ট

বাংলাদেশে Avro Keyboard এবং Bijoy বহুল ব্যবহৃত বাংলা ইনপুট ব্যবস্থা। তাই form design পরীক্ষায় শুধু ইংরেজি নমুনা নয়, এই দুই পদ্ধতিতে বাংলা অক্ষর প্রবেশ এবং বাংলা-ইংরেজি মিশ্র টেক্সট অন্তর্ভুক্ত করুন। উদাহরণ হিসেবে নাম, ঠিকানা, ইমেইল, Road 7, Flat B-3 বা OTP-সংক্রান্ত ধাপ ব্যবহার করুন।

• •প্লেসহোল্ডারকে একমাত্র লেবেল বানাবেন না; লেখা শুরু হলে সেটি মিলিয়ে যায়। প্রতিটি ইনপুটের স্থায়ী দৃশ্যমান লেবেল দিন।
• •প্রয়োজনীয় ফিল্ড, বিন্যাস ও উদাহরণ আগে জানান: জন্মতারিখ (দিন/মাস/বছর)।
• •স্ক্রিন রিডারে ফোকাস গেলে লেবেল, বর্তমান মান, প্রয়োজনীয়তার তথ্য এবং ত্রুটি শোনা যাচ্ছে কি না পরীক্ষা করুন।
• •ত্রুটি জমা দেওয়ার পরে কোন ফিল্ডে সমস্যা হয়েছে তা সারাংশে জানান এবং সেই ফিল্ডে যাওয়ার পথ দিন।
• •স্বয়ংক্রিয়ভাবে ফোকাস সরালে ব্যবহারকারী কী ঘটল বুঝতে পারছেন কি না যাচাই করুন।

বাংলাদেশের Persons with Disabilities Rights and Protection Act, 2013 অন্তর্ভুক্তিমূলক ডিজিটাল সেবার জন্য দেশভিত্তিক আইনি প্রেক্ষাপট নির্ধারণ করে। তাই প্রকাশের আগে বাস্তব ব্যবহারকারী বা সহায়ক প্রযুক্তি ব্যবহারকারীর সঙ্গে অন্তত একটি কাজভিত্তিক পরীক্ষা রাখুন।

৪. প্রকাশের আগে ১৫ মিনিটের পরীক্ষা

একটি গুরুত্বপূর্ণ কাজ বেছে নিন—যেমন নিবন্ধন, টাকা পাঠানোর তথ্য দেখা, অ্যাপয়েন্টমেন্ট বুকিং বা বিল পরিশোধ—এবং নিচের পরীক্ষাগুলো চালান।

1. •সিস্টেমের লেখা বড় করে পুরো কাজটি শেষ করুন। কোনো বোতাম, মূল্য বা error message কাটা গেলে সেটি ঠিক করুন।
2. •রঙের ওপর নির্ভর না করে প্রতিটি অবস্থা বোঝা যায় কি না দেখুন।
3. •TalkBack বা VoiceOver চালিয়ে উপর থেকে নিচ পর্যন্ত সোয়াইপ করুন। প্রতিটি বোতামের কাজ ও প্রতিটি ফর্ম ফিল্ডের লেবেল শুনুন।
4. •Avro Keyboard ও Bijoy দিয়ে বাংলা নাম ও ঠিকানা লিখুন; পরে বাংলা-ইংরেজি মিশ্র লেখা সম্পাদনা, কপি ও সংশোধন করুন।
5. •ভুল তথ্য জমা দিন। ত্রুটি কেন হয়েছে, কোথায় হয়েছে এবং কীভাবে ঠিক করতে হবে—তিনটি বিষয়ই বোঝা যাচ্ছে কি না নিশ্চিত করুন.

রিভিউয়ের জন্য floow.design-এ বড় বাংলা টাইপ, স্পষ্ট লেবেল এবং রঙ-নিরপেক্ষ error state-সহ একই স্ক্রিনের ভ্যারিয়েন্ট তৈরি করুন। তারপর ডিজাইন ভ্যারিয়েন্টে একই কাজভিত্তিক পরীক্ষা চালিয়ে কোনটি বেশি বোধ্য তা নথিবদ্ধ করুন।

বাংলা ফর্ম পরীক্ষার ন্যূনতম নমুনা

সাধারণ ভুলগুলো

প্লেসহোল্ডারে নাম লিখুন দিয়ে আলাদা লেবেল না রাখা।

ফিল্ডের ওপরে বা ভেতরে স্থায়ীভাবে দৃশ্যমান পূর্ণ নাম লেবেল রাখুন; প্লেসহোল্ডার থাকলে তা শুধু উদাহরণ হিসেবে ব্যবহার করুন।

লাল বর্ডারকে একমাত্র error message হিসেবে ব্যবহার করা।

লাল বর্ডারের সঙ্গে ত্রুটির আইকন ও নির্দিষ্ট বাংলা নির্দেশ দিন, যেমন ইমেইল ঠিকানাটি সম্পূর্ণ লিখুন।

বাংলা লেখা বড় হলে বোতামের উচ্চতা স্থির রেখে লেখা কেটে ফেলা।

বোতাম ও কার্ডে নমনীয় উচ্চতা, যথেষ্ট ভেতরের ফাঁক এবং প্রয়োজনে দুই লাইনের লেবেল সমর্থন করুন।

স্ক্রিন রিডারে বোতাম বা ইমেজ ছাড়া কোনো কাজের নাম না শোনা।

প্রতিটি অর্থপূর্ণ আইকন ও নিয়ন্ত্রণে কাজভিত্তিক লেবেল দিন, যেমন লেনদেনের ইতিহাস খুলুন বা পাসওয়ার্ড দেখুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

বাংলা অ্যাপের accessibility কীভাবে পরীক্ষা করব?

বাংলা অ্যাপের accessibility পরীক্ষা করতে সিস্টেমের লেখা বড় করে, TalkBack বা VoiceOver চালিয়ে এবং রঙের সংকেত ছাড়া একটি পূর্ণ কাজ শেষ করুন। বাংলা যুক্তাক্ষর, দীর্ঘ লেবেল, ফোকাসের ক্রম, আইকনের লেবেল ও ত্রুটি বার্তা যাচাই করুন। Avro Keyboard এবং Bijoy দিয়ে বাংলা ও বাংলা-ইংরেজি মিশ্র ইনপুটও পরীক্ষা করুন।

স্ক্রিন রিডারে বাংলা ফর্ম ফিল্ড ঠিকভাবে পড়াতে কী করব?

স্ক্রিন রিডারে বাংলা ফর্ম ফিল্ড ঠিকভাবে পড়াতে প্রতিটি ইনপুটের স্থায়ী দৃশ্যমান লেবেল এবং প্রোগ্রামগত নাম দিন। ফোকাসে গেলে লেবেল, বর্তমান মান, প্রয়োজনীয়তার তথ্য ও error message শোনা উচিত। প্লেসহোল্ডারকে একমাত্র লেবেল করবেন না, কারণ টাইপ করার পর সেটি আর দৃশ্যমান থাকে না।

রঙ ছাড়া error message বোঝানোর উপায় কী?

রঙ ছাড়া error message বোঝাতে ভুল ফিল্ডের পাশে নির্দিষ্ট বাংলা লেখা, সতর্কতামূলক আইকন এবং প্রয়োজনে ফর্মের ওপরে ত্রুটির সারাংশ দিন। উদাহরণ: জন্মতারিখ দিন/মাস/বছর বিন্যাসে লিখুন। স্ক্রিন রিডার ফোকাসে গেলে একই বার্তা শোনাতে হবে; শুধু লাল বর্ডার যথেষ্ট নয়।

বাংলা অ্যাপে বড় ফন্টের পরীক্ষা কেন জরুরি?

বাংলা অ্যাপে বড় ফন্টের পরীক্ষা জরুরি, কারণ যুক্তাক্ষর, কারচিহ্ন এবং দীর্ঘ বাংলা লেবেল ছোট জায়গায় সহজে কাটা বা ওভারল্যাপ হতে পারে। ব্যবহারকারী সিস্টেমের লেখা বড় করলে শিরোনাম, বোতাম, মূল্য, ট্যাব ও error message এখনও পড়া এবং ট্যাপ করা যায় কি না বাস্তব ডিভাইসে যাচাই করুন।

শেষ কথা

বাংলা অ্যাপের accessibility রিভিউ মানে শুধু contrast মাপা নয়। বাংলা টাইপের জায়গা, সঠিক পড়ার ক্রম, নামযুক্ত নিয়ন্ত্রণ, রঙ-নিরপেক্ষ অবস্থা এবং বাস্তব বাংলা ইনপুট—সবগুলো একই কাজের ধারায় পরীক্ষা করুন। floow.design-এ বড় বাংলা টাইপ, স্পষ্ট লেবেল ও রঙ-নিরপেক্ষ error state-সহ স্ক্রিন ভ্যারিয়েন্ট তৈরি করে দলীয় রিভিউ শুরু করুন।

---

আগে স্ক্রিনগুলো ডিজাইন করুন

সহজ ভাষায় আপনার অ্যাপের বর্ণনা দিন—floow.design আপনার জন্য iOS ও Android স্ক্রিন তৈরি করে দেবে, যা আপনি পরে আরও পরিমার্জন করে হ্যান্ডঅফ করতে পারবেন।

বিনামূল্যে ডিজাইন শুরু করুন →

---

সূত্র

• •বাংলাদেশ আইন মন্ত্রণালয় — বাংলাদেশ আইন তথ্যভান্ডার
• •গণপ্রজাতন্ত্রী বাংলাদেশ সরকারের সংবিধান
• •Android Developers — Accessibility
• •Apple Developer — Accessibility

Related reading

• •বাংলা অ্যাপের ui ux design নীতি
• •মোবাইল UI-তে bangla font বাছাই
• •অ্যাপের জন্য bangla typography গাইড