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

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

पक्का करें कि आपका फ़ॉर्म अलग-अलग भाषाओं में काम करता हो

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

अपनी साइट को स्थानीय भाषा के हिसाब से तैयार करने के लिए सबसे पहले, <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 में बताए गए कॉन्टेंट के साथ भी काम करते हैं, लेकिन काम करने की क्षमता को बेहतर बनाने के लिए, एचटीएमएल में ज़्यादा से ज़्यादा टेक्स्ट शामिल करने की कोशिश करें.

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

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

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

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

इनपुट के चारों तरफ़ की बॉर्डर की मोटाई 1px होती है. हालांकि, बाईं ओर मौजूद बॉर्डर की चौड़ाई 4px नहीं होती. अब, CodePen में बदलाव करें और <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> एलिमेंट का इस्तेमाल किया जा रहा है.
फिर से कोशिश करें!

संसाधन