আন্তর্জাতিকীকরণ এবং স্থানীয়করণ

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

আপনার ফর্ম বিভিন্ন ভাষায় কাজ করে তা নিশ্চিত করুন

আসুন দেখি কিভাবে আপনি নিশ্চিত করতে পারেন যে আপনার ফর্মটি বিভিন্ন ভাষার সাথে কাজ করে।

আপনার সাইট স্থানীয়করণ-প্রস্তুত করার প্রথম ধাপ হল <html> উপাদানে ভাষা বৈশিষ্ট্য lang সংজ্ঞায়িত করা। এই বৈশিষ্ট্যটি স্ক্রিন পাঠকদের সঠিক উচ্চারণে আহ্বান জানাতে সক্ষম করে, এবং সংজ্ঞায়িত ভাষাটি ডিফল্ট ব্রাউজার ভাষা না হলে ব্রাউজারগুলিকে পৃষ্ঠার অনুবাদ অফার করতে সহায়তা করে।

<html lang="en-us">

lang অ্যাট্রিবিউট সম্পর্কে আরও জানুন।

বলুন আপনি একটি ফর্ম জার্মান ভাষায় অনুবাদ করেছেন। আপনি কিভাবে নিশ্চিত করতে পারেন যে সার্চ ইঞ্জিন এবং ব্রাউজার অনুবাদকৃত সংস্করণ সম্পর্কে জানে? আপনি বিকল্প সংস্করণের বর্ণনা দিয়ে আপনার সাইটের <head> এ <link> উপাদান যোগ করতে পারেন।

<link rel="alternate" title="The form element"
  href="https://example.com/en/form" hreflang="en">
<link rel="alternate" title="Das Formularelement"
  href="https://example.com/de/form" hreflang="de">

আপনার ফর্ম ব্যবহার করতে অন্য ভাষায় কথা বলা ব্যবহারকারীদের সাহায্য করুন

আপনি আপনার ফর্ম প্রতিটি ভাষায় অনুবাদ করতে পারবেন না, তবে আপনি নিশ্চিত করতে পারেন যে অনুবাদের সরঞ্জামগুলি আপনার জন্য এটি অনুবাদ করতে পারে৷

অনুবাদ সরঞ্জামগুলি আপনার ফর্মের সমস্ত পাঠ্য অনুবাদ নিশ্চিত করতে, নিশ্চিত করুন যে সমস্ত পাঠ্য HTML-এ সংজ্ঞায়িত করা হয়েছে এবং দৃশ্যমান। কিছু সরঞ্জাম জাভাস্ক্রিপ্টে সংজ্ঞায়িত বিষয়বস্তুর সাথেও কাজ করে, তবে সামঞ্জস্য উন্নত করতে, HTML এ যতটা সম্ভব পাঠ্য অন্তর্ভুক্ত করার চেষ্টা করুন।

আপনার ফর্ম বিভিন্ন লেখার সিস্টেমের সাথে কাজ করে তা নিশ্চিত করুন

বিভিন্ন ভাষা বিভিন্ন লেখার সিস্টেম এবং অক্ষর সেট ব্যবহার করে। কিছু স্ক্রিপ্ট বাম থেকে ডানে এবং কিছু ডান থেকে বামে লেখা হয়।

লেখার সিস্টেম থেকে ব্যবধান স্বাধীন করুন

আপনার ফর্ম বিভিন্ন লেখার সিস্টেমের জন্য কাজ করে তা নিশ্চিত করতে, আপনি CSS লজিক্যাল বৈশিষ্ট্য ব্যবহার করতে পারেন।

ইনপুটটির সমস্ত দিকে 1px এর সীমানা পুরুত্ব রয়েছে, বাম দিকে বাদে, যেখানে সীমানাটি 4px পুরু। এখন, কোডপেন সম্পাদনা করুন এবং <main> উপাদানে dir="rtl" যোগ করে ডান থেকে বামে লেখার পদ্ধতি পরিবর্তন করুন

ঘন সীমানা এখন ডানদিকে। কারণ আমরা একটি যৌক্তিক সম্পত্তি ব্যবহার করে সীমানা সংজ্ঞায়িত করেছি।

input {
  border-inline-start-width: 4px;
}

লজিক্যাল বৈশিষ্ট্য সম্পর্কে আরও জানুন।

আপনার ফর্ম বিভিন্ন নামের ফর্ম্যাট পরিচালনা করতে পারে তা নিশ্চিত করুন

বলুন আপনার কাছে একটি ফর্ম আছে যেখানে ব্যবহারকারীকে তাদের নাম পূরণ করতে হবে। আপনি কীভাবে আপনার ফর্মে ক্ষেত্র যোগ করবেন?

আপনি প্রথম নামের জন্য একটি এবং উপাধির জন্য একটি ক্ষেত্র যোগ করতে পারেন। যাইহোক, বিশ্বজুড়ে নামগুলি আলাদা: উদাহরণস্বরূপ, কিছু লোকের একটি উপাধি নেই—তাহলে তারা কীভাবে উপাধি ক্ষেত্রটি পূরণ করবেন?

দ্রুত এবং সহজে নাম লিখতে—এবং প্রত্যেকে তাদের নাম লিখতে পারে তা নিশ্চিত করতে, যে ফর্ম্যাটই হোক না কেন—যেখানে সম্ভব নামগুলির জন্য একটি একক ফর্ম ক্ষেত্র ব্যবহার করুন৷

ব্যক্তিগত নাম সম্পর্কে আরও জানুন।

আপনার যদি অ-ল্যাটিন অক্ষর সহ একটি নাম থাকে, আপনি হয়ত সমস্যার সম্মুখীন হয়েছেন যে আপনার নামটি কিছু ফর্মে invalid হিসাবে রিপোর্ট করা হয়েছে৷ আপনি যখন ফর্মগুলি তৈরি করেন, তখন সমস্ত সম্ভাব্য অক্ষরগুলিকে অনুমতি দেওয়ার বিষয়টি নিশ্চিত করুন-এবং মনে করবেন না যে একটি নাম শুধুমাত্র ল্যাটিন অক্ষর নিয়ে গঠিত৷

বিভিন্ন ঠিকানা বিন্যাসের অনুমতি দিন

Google-এর সদর দফতর 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States-এ অবস্থিত।

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

একটি উপায় হল জেনেরিক ইনপুট ব্যবহার করা।

আন্তর্জাতিক ঠিকানা ক্ষেত্রগুলির সাথে কাজ করার অন্যান্য উপায় সম্পর্কে আরও জানুন।

আপনার উপলব্ধি পরীক্ষা করুন

আন্তর্জাতিকীকরণ এবং স্থানীয়করণ সম্পর্কে আপনার জ্ঞান পরীক্ষা করুন

আপনি কিভাবে স্ক্রীন রিডারদের জন্য সঠিক উচ্চারণ আহ্বান করবেন?

lang এট্রিবিউট সহ।
🎉
hreflang বৈশিষ্ট্য সহ।
আবার চেষ্টা কর!
কোন ভাষা ব্যবহার করা হয় তার সাথে একটি বর্ণনা যোগ করা।
আবার চেষ্টা কর!
language বৈশিষ্ট্য সহ।
আবার চেষ্টা কর!

আপনি কিভাবে আপনার ওয়েবসাইটে লেখার সিস্টেম পরিবর্তন করতে পারেন?

direction বৈশিষ্ট্য সঙ্গে.
আবার চেষ্টা কর!
সঙ্গে dir বৈশিষ্ট্য.
🎉
সিএসএস লজিক্যাল বৈশিষ্ট্য ব্যবহার করে।
আবার চেষ্টা কর!
<link> উপাদান ব্যবহার করে।
আবার চেষ্টা কর!

সম্পদ