প্রকাশিত: ১৫ এপ্রিল, ২০২৬
ক্রোমে আমরা স্থানীয় চাহিদা বোঝার জন্য একটি বৈশ্বিক দৃষ্টিভঙ্গি গ্রহণ করি। আমরা ক্রমাগত স্থানীয়করণ উন্নত করতে এবং বিভিন্ন অঞ্চলের সাংস্কৃতিক সূক্ষ্মতা সমর্থন করার জন্য কাজ করে যাচ্ছি। বিশ্বজুড়ে ব্যবহারকারীদের জন্য ওয়েবকে আরও অন্তর্ভুক্তিমূলক ও সহায়ক করে তোলার এই চলমান প্রচেষ্টারই একটি অংশ হলো ক্রোম অটোফিলে জাপানি নামকরণের রীতিতে আমাদের সর্বশেষ আপডেট।
এই আপডেটটি নামের ধ্বনিগত রূপগুলোর জন্য সমর্থন প্রসারিত করেছে, যা ব্যবহারকারীদের তাদের কাঞ্জি এবং ফুরিগানা (কাটাকানা বা হিরাগানা লিপিতে লেখা ধ্বনিগত লিপি) উভয় নামের ক্ষেত্র স্বয়ংক্রিয়ভাবে পূরণ করতে দেয়। জাপানে, নামের একটি দৃশ্যমান রূপ এবং একটি নির্দিষ্ট ধ্বনিগত উচ্চারণ উভয়ই রয়েছে, যার জন্য প্রায়শই ওয়েব ফর্মগুলিতে আলাদা ক্ষেত্রের প্রয়োজন হয়। এই ধ্বনিগত রূপগুলোর জন্য সমর্থন চালু করার মাধ্যমে, ক্রোম অনলাইন ফর্ম পূরণের জটিলতা কমিয়ে দেয়, যেমন—মেডিকেল রেজিস্ট্রেশন থেকে শুরু করে ইকমার্স চেকআউট পর্যন্ত, যা ব্যবহারকারীদের সময় এবং শ্রম বাঁচায়।
জাপানি নামগুলোর জন্য কেন বিশেষ সহায়তার প্রয়োজন
যেহেতু একই জাপানি কাঞ্জির একাধিক ধ্বনিগত উচ্চারণ থাকতে পারে, তাই অনলাইন ফর্মগুলিতে সাধারণত ব্যবহারকারীদের তাদের নাম কাঞ্জি এবং ফুরিগানা উভয় লিপিতে আলাদাভাবে লিখতে বলা হয়। এর ফলে ব্যবহারকারীদের সঠিকভাবে সম্বোধন করা যায় (যেমন, ফোনে) এবং ডেটা নির্ভুলভাবে সাজানো ও পরিচালনা করা যায়।
ডেভেলপারদের জন্য একটি বড় চ্যালেঞ্জ হলো , এইচটিএমএল স্ট্যান্ডার্ডে ধ্বনিগত নামের জন্য কোনো প্রমিত মান নেই । তাই, কোনো ফিল্ডে ধ্বনিগত নাম চাওয়া হয়েছে কিনা, তা নির্ধারণ করতে ব্রাউজার বিভিন্ন সংকেতের সমন্বয়ের ওপর নির্ভর করে।
ক্রোম কীভাবে ধ্বনিগত নামের ক্ষেত্রগুলি সনাক্ত করে
ক্রোম অটোফিল ধ্বনিগত নামের ক্ষেত্রগুলি শনাক্ত করতে তিনটি প্রাথমিক সংকেতের উপর ভিত্তি করে একটি হিউরিস্টিক ব্যবহার করে:
-
autocompleteঅ্যাট্রিবিউট - ক্ষেত্রের লেবেল
- ফিল্ডের
nameঅ্যাট্রিবিউট
autocomplete অ্যাট্রিবিউট
autocomplete অ্যাট্রিবিউটটি হলো সবচেয়ে শক্তিশালী সংকেত এবং এটি অগ্রাধিকার পায়। তবে, আপনি যদি কোনো নন-স্ট্যান্ডার্ড ভ্যালু ব্যবহার করেন, তাহলে ক্রোম হিউরিস্টিকস ব্যবহার করে না। যেহেতু এটি অটোফিলকে সঠিকভাবে কাজ করতে বাধা দেয়, তাই নন-স্ট্যান্ডার্ড অটোফিল অ্যাট্রিবিউট ব্যবহার করা থেকে বিরত থাকুন।
যেহেতু HTML স্পেসিফিকেশনে কোনো নির্দিষ্ট ধ্বনিগত নামের মান নেই, তাই ডেভেলপারদের হয় এই অ্যাট্রিবিউটটি অনুপস্থিত রাখা উচিত অথবা এটিকে এর সাধারণ নামের সমতুল্য মানে সেট করা উচিত:
- ধ্বনিগত পূর্ণ নাম:
autocomplete="name" - ধ্বনিগত পারিবারিক নাম:
autocomplete="family-name" - ধ্বনিগত প্রদত্ত নাম:
autocomplete="given-name"
লেবেল এবং নাম অ্যাট্রিবিউট
যেহেতু স্ট্যান্ডার্ড autocomplete ভ্যালুগুলো সাধারণ এবং ধ্বনিগত উভয় নামের ক্ষেত্রেই প্রযোজ্য, তাই ক্রোম এদের মধ্যে পার্থক্য করার জন্য ফিল্ডের name এবং <label> টেক্সটের উপর নির্ভর করে।
নিম্নলিখিত সারণিতে সেইসব বৈধ স্ট্রিং এবং অক্ষরগুলির তালিকা দেওয়া হলো যা ক্রোমের পার্সার ধ্বনিগত ক্ষেত্রগুলি শনাক্ত করতে ব্যবহার করে:
| ক্ষেত্রের ধরণ | বৈধ ফিল্ডের নাম | বৈধ ফিল্ড লেবেল |
|---|---|---|
| ধ্বনিগত পূর্ণ নাম | full-name-phoneticセイメイ せいめい | セイメイ せいめい |
| ধ্বনিগত পারিবারিক নাম | family-name-phoneticセイ せい | セイ せい 姓ふりがな |
| ধ্বনিগত প্রদত্ত নাম | given-name-phoneticメイ 名ふりがな | メイ めい 名ふりがな |
সর্বোত্তম অনুশীলনের উদাহরণ
একটি ভালো অভিজ্ঞতা প্রদানের জন্য, স্পষ্ট লেবেল এবং বর্ণনামূলক ফলব্যাক নাম ব্যবহার করে আপনার ফর্মগুলো গঠন করুন:
<form>
<!-- Full phonetic name -->
<label for="phonetic-full">セイメイ</label>
<input id="phonetic-full" name="full-name-phonetic" type="text"/>
<!-- Family phonetic name -->
<label for="phonetic-family">セイ</label>
<input id="phonetic-family" name="family-name-phonetic" type="text"/>
<!-- Given phonetic name -->
<label for="phonetic-given">メイ</label>
<input id="phonetic-given" name="given-name-phonetic" type="text"/>
</form>
ক্রোম কীভাবে কাতাকানা বা হিরাগানা নির্ধারণ করে
ক্রোম অটোফিল আপনার ফর্মের প্রয়োজন অনুযায়ী স্বয়ংক্রিয়ভাবে কাতাকানা বা হিরাগানা প্রতিবর্ণীকরণ করে পূরণ করতে পারে।
কোন স্ক্রিপ্টটি ব্যবহার করতে হবে তা নির্ধারণ করার জন্য ক্রোম ফিল্ডটির নাম নয়, বরং লেবেলটি যাচাই করে:
- লেবেলটিতে অন্তত একটি কাতাকানা অক্ষর থাকলে, ক্রোম ফিল্ডটি কাতাকানা দিয়ে পূরণ করে।
- অন্যথায়, ক্রোম ডিফল্টভাবে হিরাগানা ব্যবহার করে।
| ফিল্ড লেবেল | চরিত্র স্ক্রিপ্ট পূরণ করা হয়েছে |
|---|---|
| セイメイ(কাতাকানা) | কাতাকানা |
| せいめい(হিরাগানা) | হিরাগানা |
| ধ্বনিগত পূর্ণ নাম (ইংরেজি) | হিরাগানা |
| セイメイせいめい(মিশ্র) | কাতাকানা |
ধ্বনিগত স্বয়ংক্রিয় পূরণ ডিবাগ করুন
কোডপেন-এর একটি ডেমো সাইট ব্যবহার করে আপনি পরীক্ষা করতে পারেন যে ক্রোম অটোফিল কীভাবে জাপানি ধ্বনিগত নামগুলো পরিচালনা করে: কোডপেন-এ ডেমো দেখুন।
Chrome DevTools ব্যবহার করে আপনি যাচাই করতে পারেন যে Chrome আপনার ফিল্ডগুলি সঠিকভাবে শনাক্ত করছে কিনা:
- আপনার পেজটি খুলুন এবং ডেভটুলস প্যানেলটি খুলুন।
- অটোফিল টুলে যান (এটি ‘More Tools’ মেনুতে পাওয়া যাবে)।
- ফর্ম পূরণ শুরু করুন।
- টুলটি ধ্বনিগত ক্ষেত্রগুলিকে বিকল্প পুরো নাম , বিকল্প পারিবারিক নাম , বা বিকল্প প্রদত্ত নাম হিসাবে শ্রেণীবদ্ধ করবে।
ক্রোমে ব্যবহারকারীরা কীভাবে ধ্বনিগত নাম সেট করতে পারেন
যদিও এই পোস্টটি মূলত ডেভেলপারদের জন্য, ব্যবহারকারীরা কীভাবে তাদের ধ্বনিগত প্রোফাইল সেট আপ করে তা বোঝা আপনার ফর্মগুলি পরীক্ষা করতে সাহায্য করতে পারে।
-
chrome://settings/addresses(অথবা কিছু সংস্করণেchrome://settings/contactInfo) -এ গিয়ে Chrome সেটিংস খুলুন। - কোনো পরিচিতি বা ঠিকানার পাশে থাকা তিন-বিন্দু মেনুটি নির্বাচন করুন এবং সম্পাদনা (Edit) বোতামে ক্লিক করুন।
- প্রদত্ত ক্ষেত্রে ধ্বনিগত নাম (ফুরিগানা) লিখুন।
ক্রোম এই ধ্বনিগত প্রোফাইলগুলো সংরক্ষণ করে, যা ব্যবহারকারীদের পুনরায় টাইপ না করেই ফর্ম স্বয়ংক্রিয়ভাবে পূরণ করতে দেয়। যদি কোনো ব্যবহারকারীর একটি ধ্বনিগত নাম সংরক্ষিত থাকে, তবে ক্রোম যখনই কোনো উপযুক্ত ক্ষেত্র শনাক্ত করে (উদাহরণস্বরূপ, স্ট্যান্ডার্ড অ্যাট্রিবিউট বা হিউরিস্টিক ব্যবহার করে), তখন সেটি প্রয়োগ করার চেষ্টা করে।
ক্রোমকে নামগুলো সঠিকভাবে বিভক্ত করতে সাহায্য করুন
ক্রোম স্বয়ংক্রিয়ভাবে জাপানি পুরো নামকে পদবি এবং প্রদত্ত নামে বিভক্ত করে, কিন্তু এই প্রক্রিয়াটি সবসময় সহজ নয়। যদিও সময়ের সাথে সাথে এই বিভাজনগুলো শিখতে এবং উন্নত করতে ক্রোমের অন্তর্নির্মিত ব্যবস্থা রয়েছে, ব্যবহারকারীরা ক্রোম অটোফিল সেটিংসে ( chrome://settings/addresses ) নাম বা ধ্বনিগত নামের ফিল্ডে একটি বিভাজক প্রবেশ করিয়ে ম্যানুয়ালি নির্ভুলতা নিশ্চিত করতে পারেন। ক্রোম নিম্নলিখিত অক্ষরগুলোকে বিভাজক হিসেবে শনাক্ত করে:
-
-(হাইফেন) ・(কাটাকানা মিডল ডট)-
·(মাঝের বিন্দু) (ভাবলিপি স্থান)- স্ট্যান্ডার্ড স্পেস
যদিও আপনি উভয় স্ক্রিপ্টেই ধ্বনিগত নাম লিখতে পারেন, ক্রোম ডিফল্টরূপে সেটিংস UI-তে সেগুলিকে হিরাগানা লিপিতে প্রদর্শন করে (যা সাধারণ গুগল কন্টাক্টস-এর আচরণের সাথে মেলে)।
ডেভেলপারদের জন্য, যদিও ম্যানুয়াল ডিলিমিটার ক্রোমকে একক-ফিল্ড ইনপুট পার্স করতে সাহায্য করে, ক্রোম যাতে নামগুলো সঠিকভাবে পরিচালনা করে তা নিশ্চিত করার সবচেয়ে নির্ভরযোগ্য উপায় হলো এই অস্পষ্টতা দূর করা। যখনই সম্ভব, আপনার ফর্মগুলো পারিবারিক নাম এবং প্রদত্ত নামের জন্য আলাদা ইনপুট সহ ডিজাইন করুন ( family-name এবং given-name অটোকমপ্লিট অ্যাট্রিবিউট ব্যবহার করে)।
অটোফিল অভিজ্ঞতা উন্নত করুন
দ্রুত ও আরও নির্ভুলভাবে ফর্ম পূরণের সুযোগ দিয়ে অটোফিল ব্যবহারকারীদের জন্য একটি মসৃণ অভিজ্ঞতা তৈরি করে এবং প্রতিষ্ঠানগুলোকে ফর্ম পূরণ মাঝপথে ছেড়ে দেওয়ার হার কমাতে সাহায্য করে। সেরা অনুশীলনগুলো সম্পর্কে আরও জানতে এবং আপনার ফর্মগুলোকে কীভাবে সম্পূর্ণরূপে অটোফিল-বান্ধব করে তুলবেন, সে বিষয়ে বিস্তারিত রিসোর্সগুলো দেখুন ।