अंतरराष्ट्रीय और स्थानीय भाषा के अनुसार

अगर आप इसे पढ़ रहे हैं, तो आप वर्ल्ड वाइड वेब का इस्तेमाल कर रहे हैं. अलग-अलग भाषाएं बोलने वाले लोग, आपके फ़ॉर्म का इस्तेमाल कर सकते हैं, अलग-अलग देशों के लोग और अलग-अलग संस्कृति से जुड़े लोग. अपने फ़ॉर्म को अंतरराष्ट्रीय और स्थानीय भाषा के मुताबिक बनाने का तरीका जानें.

चलिए देखते हैं कि आप यह कैसे पक्का कर सकते हैं कि आपका फ़ॉर्म अलग-अलग भाषाओं में काम करता है या नहीं.

अपनी साइट को स्थानीय भाषा के मुताबिक बनाने के लिए, सबसे पहले <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">

अन्य भाषा बोलने वाले लोगों को आपका फ़ॉर्म इस्तेमाल करने में मदद करें

आप अपने फ़ॉर्म का हर भाषा में अनुवाद नहीं कर सकते, लेकिन आप यह पक्का कर सकते हैं कि अनुवाद टूल आपके लिए उसका अनुवाद कर सकते हैं.

यह पक्का करने के लिए कि अनुवाद टूल आपके फ़ॉर्म के सारे टेक्स्ट का अनुवाद करे, पक्का करें कि पूरा टेक्स्ट एचटीएमएल में तय किया गया हो और वह दिख रहा हो. कुछ टूल JavaScript में निर्धारित कॉन्टेंट के साथ भी काम करते हैं, लेकिन काम करने की क्षमता को बेहतर बनाने के लिए, HTML में ज़्यादा से ज़्यादा टेक्स्ट शामिल करने की कोशिश करें.

पक्का करें कि आपका फ़ॉर्म, अलग-अलग राइटिंग सिस्टम के साथ काम करता हो

अलग-अलग भाषाओं में, अलग-अलग लेखन प्रणाली और वर्ण सेट का इस्तेमाल होता है. कुछ स्क्रिप्ट बाईं से दाईं ओर और कुछ दाईं से बाईं ओर लिखी जाती हैं.

स्पेसिंग को लिखने के तरीके पर निर्भर न करें

यह पक्का करने के लिए कि आपका फ़ॉर्म अलग-अलग राइटिंग सिस्टम के हिसाब से काम करे, सीएसएस लॉजिकल प्रॉपर्टी का इस्तेमाल किया जा सकता है.

इनपुट के चारों तरफ़ की बॉर्डर मोटाई 1px है, इसे छोड़कर, बाईं ओर, जहां बॉर्डर 4px मोटा है. अब CodePen में बदलाव करें और राइटिंग सिस्टम को दाएं से बाएं बदलें <main> एलिमेंट में dir="rtl" जोड़कर

मोटा बॉर्डर अब दाईं ओर है. ऐसा इसलिए, क्योंकि हमने बॉर्डर को लॉजिकल प्रॉपर्टी का इस्तेमाल करके तय किया है.

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

लॉजिकल प्रॉपर्टी के बारे में ज़्यादा जानें.

पक्का करें कि आपके फ़ॉर्म में नाम के अलग-अलग फ़ॉर्मैट इस्तेमाल किए गए हों

मान लें कि आपके पास एक फ़ॉर्म है, जिसमें उपयोगकर्ता को अपना नाम भरना होगा. आपको अपने फ़ॉर्म में फ़ील्ड कैसे जोड़ना है?

आपके पास नाम के लिए एक फ़ील्ड और सरनेम के लिए एक फ़ील्ड जोड़ने का विकल्प होता है. हालाँकि, नाम अलग हैं उदाहरण के लिए, कुछ लोगों का कोई सरनेम नहीं होता है—तो उन्हें उपनाम फ़ील्ड?

नाम तुरंत और आसानी से डालने के लिए—और यह पक्का करने के लिए कि सभी लोग अपना नाम डाल सकें, चाहे वह फ़ॉर्मैट—जहां मुमकिन हो वहां नामों के लिए एक फ़ॉर्म वाले फ़ील्ड का इस्तेमाल करें.

निजी नाम के बारे में ज़्यादा जानें.

अगर आपके नाम में लैटिन वर्ण के अलावा हैं, तो आपको यह समस्या हुई होगी कि कुछ फ़ॉर्म में आपका नाम invalid के तौर पर रिपोर्ट किया गया है. आसानी से अपने कैलेंडर में जोड़ें. बिल्ड फ़ॉर्म का इस्तेमाल कर रहे हैं, तो सभी संभावित वर्णों को अनुमति देना न भूलें—और यह न मानें कि नाम में सिर्फ़ रखा जा सकता है.

पते के अलग-अलग फ़ॉर्मैट की अनुमति दें

Google का मुख्यालय 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States में है.

इस पते में सड़क का नंबर, सड़क, शहर, राज्य, पिन कोड, और देश शामिल है. आपके देश में, पते का फ़ॉर्मैट पूरी तरह से अलग हो सकता है. यह कैसे पक्का किया जा सकता है कि सभी लोग आपके फ़ॉर्म में अपना पता डाल सकते हैं?

इसका एक तरीका है, सामान्य इनपुट का इस्तेमाल करना.

साथ काम करने के अन्य तरीकों के बारे में ज़्यादा जानें अंतरराष्ट्रीय पते के फ़ील्ड होंगे.

देखें कि आपको कितना समझ आया है

अंतरराष्ट्रीय और स्थानीय भाषा के मुताबिक अनुवाद करने के अपने अनुभव को परखें

स्क्रीन रीडर के लिए सही उच्चारण कैसे शुरू किया जाता है?

language एट्रिब्यूट का इस्तेमाल करें.
किस भाषा का इस्तेमाल किया गया है, इसके साथ ब्यौरा जोड़ना.
lang एट्रिब्यूट का इस्तेमाल करें.
hreflang एट्रिब्यूट का इस्तेमाल करें.

अपनी वेबसाइट पर राइटिंग सिस्टम को कैसे बदला जा सकता है?

dir एट्रिब्यूट का इस्तेमाल करें.
<link> एलिमेंट का इस्तेमाल करना.
सीएसएस लॉजिकल प्रॉपर्टी का इस्तेमाल करना.
direction एट्रिब्यूट का इस्तेमाल करें.

संसाधन