सामग्री पर जाएँ
सभी गाइड
तकनीकी5 मिनट पढ़ें

अपनी वेबसाइट को सबके लिए सुलभ कैसे बनाएं? कंट्रास्ट, कीबोर्ड, ऑल्ट टेक्स्ट

वेब एक्सेसिबिलिटी की बुनियाद: रंगों का कंट्रास्ट, कीबोर्ड, ऑल्ट टेक्स्ट, हिंदी फ़ॉन्ट और पढ़ने में आसान डिज़ाइन। उदाहरण सहित।

एक्सेसिबिलिटी का मतलब है कि दृष्टिहीन, कम दिखने वाले, सुनने में कठिनाई वाले या हाथ से माउस न चला पाने वाले लोग भी आपकी साइट इस्तेमाल कर सकें। पर इसका फ़ायदा सबको होता है: धूप में फ़ोन पर पढ़ने वाले, बुज़ुर्ग यूज़र और धीमे इंटरनेट वाले भी।

अच्छी बात यह है कि बुनियादी चीज़ें बड़ी नहीं हैं। यहाँ चार सबसे अहम बातें हैं जिन्हें आप आज ही जाँच सकते हैं।

सुलभ साइट का मतलब है कि हर कोई उसे इस्तेमाल कर सके। पर्याप्त कंट्रास्ट, कीबोर्ड से नेविगेशन, तस्वीरों पर ऑल्ट टेक्स्ट और पढ़ने लायक साइज़ से शुरुआत करें, फिर Uttra से सादी भाषा में सुधार माँगें।

कंट्रास्ट और पढ़ने लायक टेक्स्ट

हल्के भूरे टेक्स्ट को सफ़ेद पर रखना सुंदर दिख सकता है, पर पढ़ना मुश्किल होता है। टेक्स्ट और बैकग्राउंड में साफ़ अंतर रखें, बॉडी टेक्स्ट बहुत छोटा न रखें और सिर्फ़ रंग से मतलब न बताएं, जैसे लाल को गलती मानना। देवनागरी के लिए उसी के लिए बने अच्छे फ़ॉन्ट चुनें और लाइन की ऊँचाई थोड़ी खुली रखें।

कीबोर्ड से नेविगेशन

हर यूज़र माउस इस्तेमाल नहीं करता। Tab कुंजी से साइट को चलाकर देखें।

  • हर बटन और लिंक तक Tab से पहुँचा जा सके।
  • फ़ोकस की जगह साफ़ दिखे, उसे छिपाया न गया हो।
  • मेन्यू और पॉप-अप कीबोर्ड से खुलें और बंद हों।
  • फ़ॉर्म के हर फ़ील्ड का साफ़ लेबल हो।

ऑल्ट टेक्स्ट और संरचना

हर मायने रखने वाली तस्वीर के लिए छोटा, साफ़ ऑल्ट टेक्स्ट लिखें, जैसे "दुकान के बाहर खड़े दो कर्मचारी"। सिर्फ़ सजावट वाली तस्वीर का ऑल्ट खाली रखें। शीर्षकों का सही क्रम रखें, ताकि स्क्रीन रीडर इस्तेमाल करने वाला पेज की रूपरेखा समझ सके। लिंक का टेक्स्ट "यहाँ क्लिक करें" की जगह बताए कि वह कहाँ ले जाएगा।

Uttra से सुधार माँगें

Uttra में ये सुधार आप सादे शब्दों में माँग सकते हैं। एक प्रॉम्प्ट:

  • "मेरी साइट की एक्सेसिबिलिटी सुधारो। टेक्स्ट का कंट्रास्ट बढ़ाओ, हर तस्वीर पर ऑल्ट टेक्स्ट जोड़ो, फ़ोकस की रूपरेखा साफ़ दिखाओ, फ़ॉर्म के फ़ील्ड पर लेबल लगाओ, और पूरी साइट Tab कुंजी से चलने लायक बनाओ।"

जाँचें और आगे बढ़ें

बदलाव के बाद प्रीव्यू में कीबोर्ड से पूरी साइट चलाएं, ज़ूम करके देखें और फ़ोन पर पढ़कर देखें। अगर आपकी साइट दो भाषाओं या दाएँ से बाएँ लिखी जाने वाली भाषा में भी है, तो वहाँ भी यही जाँच दोहराएं। संभव हो तो किसी असली यूज़र से टेस्ट करवाएं।

आम सवाल

नहीं। साफ़ कंट्रास्ट और कीबोर्ड नेविगेशन जैसी चीज़ें सबके काम आती हैं, जैसे धूप में फ़ोन देखने वाले या बुज़ुर्ग यूज़र।

टेक्स्ट का कंट्रास्ट, तस्वीरों पर ऑल्ट टेक्स्ट और फ़ॉर्म के लेबल। ये आसान हैं और सबसे ज़्यादा असर डालते हैं।

हाँ, सादी भाषा में माँगें और प्रीव्यू में कीबोर्ड व फ़ोन पर जाँचें। फिर भी नतीजे को अपनी आँख से परखना ज़रूरी है।

अपने प्रोजेक्ट पर आज़माएँ

जो चाहते हैं अपने शब्दों में बताइए और अपनी साइट या सिस्टम को बनते देखिए — फिर बातचीत से बदल दीजिए।

मुफ़्त शुरू करें

संबंधित गाइड