सिमेंटिक के बारे में जानकारी

सेमेटिक्स और सहायक टेक्नोलॉजी के बारे में जानकारी

Alice Boxhall

Dave Gash

Meggin Kearney

आपने देखा है कि सिर्फ़ कीबोर्ड का इस्तेमाल करके, साइट को उन उपयोगकर्ताओं के लिए ऐक्सेस करने लायक कैसे बनाया जा सकता है जो माउस या पॉइंटर डिवाइस का इस्तेमाल नहीं कर सकते. ऐसा, शारीरिक समस्या, टेक्नोलॉजी से जुड़ी समस्या या निजी पसंद की वजह से हो सकता है. हालांकि, इसके लिए कुछ ध्यान और सोच-विचार की ज़रूरत होती है, लेकिन अगर इसे शुरू से ही प्लान किया जाए, तो यह बहुत मुश्किल काम नहीं है. बुनियादी काम पूरा होने के बाद, आपको पूरी तरह से ऐक्सेस की जा सकने वाली और बेहतर साइट बनाने के लिए, बहुत कुछ करना होगा.

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

सबसे पहले, हम सहायक टेक्नोलॉजी के बारे में थोड़ी जानकारी देंगे. यह स्क्रीन रीडर जैसे टूल के लिए सामान्य शब्द है. इन टूल से, उन लोगों को मदद मिलती है जिनकी शारीरिक स्थिति ठीक नहीं है और वे जानकारी ऐक्सेस नहीं कर पाते.

इसके बाद, हम उपयोगकर्ता अनुभव के कुछ सामान्य कॉन्सेप्ट के बारे में जानेंगे. साथ ही, इन कॉन्सेप्ट के आधार पर, सहायक टेक्नोलॉजी का इस्तेमाल करने वाले उपयोगकर्ताओं के अनुभव के बारे में ज़्यादा जानेंगे.

आखिर में, हम देखेंगे कि इन उपयोगकर्ताओं को बेहतर अनुभव देने के लिए, एचटीएमएल का इस्तेमाल कैसे किया जा सकता है. साथ ही, यह भी देखेंगे कि फ़ोकस को पहले जिस तरह से हल किया गया था उससे यह कैसे मेल खाता है.

सहायक टेक्नोलॉजी

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

सहायक टेक्नोलॉजी में, ब्राउज़र ज़ूम करने जैसी सामान्य सुविधाएं शामिल हो सकती हैं. इसके अलावा, इसमें उपयोगकर्ता के हिसाब से डिज़ाइन किया गया गेम कंट्रोलर जैसी खास सुविधाएं भी शामिल हो सकती हैं. यह ब्रेल डिसप्ले जैसे अलग-अलग फ़िज़िकल डिवाइस के तौर पर हो सकता है या फिर वॉइस कंट्रोल जैसे सॉफ़्टवेयर में पूरी तरह से लागू किया जा सकता है. यह कुछ स्क्रीन रीडर की तरह, ऑपरेटिंग सिस्टम में पहले से मौजूद हो सकता है. इसके अलावा, यह Chrome एक्सटेंशन की तरह एक ऐड-ऑन भी हो सकता है.

असिस्टिव टेक्नोलॉजी और सामान्य टेक्नोलॉजी के बीच का फ़र्क़ साफ़ तौर पर नहीं किया जा सकता. आखिर, सभी टेक्नोलॉजी का मकसद लोगों को किसी न किसी काम में मदद करना होता है. साथ ही, टेक्नोलॉजी अक्सर "सहायता" कैटगरी में शामिल हो सकती हैं और उससे बाहर भी जा सकती हैं.

उदाहरण के लिए, बोली को लिखाई में बदलने की सुविधा वाले सबसे पुराने व्यावसायिक प्रॉडक्ट में से एक, नेत्रहीनों के लिए बोलने वाला कैलकुलेटर था. अब बोली को लिखाई में बदलने की सुविधा हर जगह उपलब्ध है. जैसे, ड्राइविंग के निर्देशों से लेकर वर्चुअल असिस्टेंट तक. इसके उलट, जिस टेक्नोलॉजी का इस्तेमाल पहले सामान्य तौर पर किया जाता था उसे अक्सर सहायक टेक्नोलॉजी के तौर पर इस्तेमाल किया जाता है. उदाहरण के लिए, कम दृष्टि वाले लोग असल दुनिया में किसी छोटी चीज़ को बेहतर तरीके से देखने के लिए, अपने स्मार्टफ़ोन के कैमरे के ज़ूम की सुविधा का इस्तेमाल कर सकते हैं.

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

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

सुविधाएं

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

इसका एक क्लासिक उदाहरण केटल या टीपॉट है. आपको आसानी से पता चल सकता है कि इसे, स्पाउट से नहीं, बल्कि हैंडल से उठाना चाहिए. भले ही, आपने पहले कभी टीपोट न देखा हो.

ऐसा इसलिए है, क्योंकि यह सुविधा उन कई अन्य ऑब्जेक्ट से मिलती-जुलती है जिन्हें आपने पहले देखा है -- जैसे, पानी के बर्तन, पेय के पिचर, कॉफी मग वगैरह. आपके पास, हो सकता है कि आप पॉट को स्पाउट से उठाएं, लेकिन मिलते-जुलते एफ़र्डरेंस से आपको पता चलता है कि हैंडल बेहतर विकल्प है.

ग्राफ़िकल यूज़र इंटरफ़ेस में, अवसरों से उन कार्रवाइयों के बारे में पता चलता है जिन्हें हम कर सकते हैं. हालांकि, ये कार्रवाइयां साफ़ तौर पर नहीं दिखतीं, क्योंकि इंटरैक्ट करने के लिए कोई फ़िज़िकल ऑब्जेक्ट नहीं होता. इसलिए, जीयूआई के फ़ायदों को खास तौर पर इस तरह से डिज़ाइन किया जाता है कि उनका इस्तेमाल करने में कोई परेशानी न हो: बटन, चेकबॉक्स, और स्क्रोल बार का इस्तेमाल करने के लिए, ज़्यादा ट्रेनिंग की ज़रूरत नहीं होती.

उदाहरण के लिए, फ़ॉर्म के कुछ सामान्य एलिमेंट (सुविधाएं) के इस्तेमाल को इस तरह से बदला जा सकता है:

• रेडियो बटन — "इनमें से कोई एक विकल्प चुना जा सकता है."
• चेक बॉक्स — "इस विकल्प के लिए, 'हां' या 'नहीं' में से कोई विकल्प चुना जा सकता है."
• टेक्स्ट फ़ील्ड — "इस जगह पर कुछ टाइप किया जा सकता है."
• ड्रॉपडाउन — "अपने विकल्प दिखाने के लिए, मैं इस एलिमेंट को खोल सकता/सकती हूं."

इन एलिमेंट के बारे में सिर्फ़ इसलिए फ़ैसले लिए जा सकते हैं, क्योंकि ये आपको दिखते हैं. स्वाभाविक रूप से, जो व्यक्ति किसी एलिमेंट से मिलने वाले विज़ुअल क्लू नहीं देख सकता वह उसका मतलब समझ नहीं सकता या सहज रूप से उसके फ़ायदे को नहीं समझ सकता. इसलिए, हमें यह पक्का करना होगा कि जानकारी को इस तरह से दिखाया गया हो कि उसे सहायक टेक्नोलॉजी से ऐक्सेस किया जा सके. यह टेक्नोलॉजी, उपयोगकर्ता की ज़रूरतों के हिसाब से कोई अन्य इंटरफ़ेस बना सकती है.

किसी एफ़ोरेंस के इस्तेमाल को विज़ुअल के ज़रिए न दिखाकर, किसी अन्य तरीके से दिखाने को सिमेंटिक्स कहा जाता है.

स्क्रीन रीडर

स्क्रीन रीडर, सहायक टेक्नोलॉजी का एक लोकप्रिय टाइप है. यह एक ऐसा प्रोग्राम है जो स्क्रीन पर मौजूद टेक्स्ट को जनरेट की गई आवाज़ में पढ़कर सुनाता है. इससे, दृष्टिबाधित लोग कंप्यूटर का इस्तेमाल कर पाते हैं. उपयोगकर्ता, कीबोर्ड की मदद से कर्सर को ज़रूरी जगह पर ले जाकर, यह कंट्रोल कर सकता है कि क्या पढ़ा जाए.

हमने विक्टर त्सरन से पूछा कि वे एक नेत्रहीन व्यक्ति के तौर पर, OS X में पहले से मौजूद स्क्रीन रीडर, वॉइसओवर का इस्तेमाल करके वेब को कैसे ऐक्सेस करते हैं. विक्टर के VoiceOver का इस्तेमाल करने के बारे में यह वीडियो देखें.

अब स्क्रीन रीडर का इस्तेमाल करने की बारी आपकी है. यहां ChromeVox Lite वाला पेज दिया गया है. यह एक छोटा, लेकिन काम करने वाला स्क्रीन रीडर है, जिसे JavaScript में लिखा गया है. स्क्रीन को जान-बूझकर धुंधला किया गया है, ताकि कम दृष्टि वाले लोगों को कैसा अनुभव मिलता है, यह दिखाया जा सके. साथ ही, उपयोगकर्ता को स्क्रीन रीडर की मदद से टास्क पूरा करने के लिए मजबूर किया जा सके. बेशक, इस एक्सरसाइज़ के लिए आपको Chrome ब्राउज़र का इस्तेमाल करना होगा.

ChromeVox lite का डेमो पेज

स्क्रीन रीडर को कंट्रोल करने के लिए, स्क्रीन पर सबसे नीचे मौजूद कंट्रोल पैनल का इस्तेमाल किया जा सकता है. इस स्क्रीन रीडर में बहुत कम सुविधाएं हैं. हालांकि, Previous और Next बटन का इस्तेमाल करके कॉन्टेंट को एक्सप्लोर किया जा सकता है. साथ ही, Click बटन का इस्तेमाल करके चीज़ों पर क्लिक किया जा सकता है.

स्क्रीन रीडर के इस्तेमाल का अनुभव पाने के लिए, इस पेज को ChromeVox lite की सुविधा चालू करके इस्तेमाल करें. इस बात पर ध्यान दें कि स्क्रीन रीडर (या सहायक तकनीक) के ज़रिए, प्रोग्राम के हिसाब से दिखाए गए सेमेटिक्स के आधार पर, उपयोगकर्ता के लिए एक अलग तरह का यूज़र अनुभव बनाया जाता है. स्क्रीन रीडर, विज़ुअल इंटरफ़ेस के बजाय, सुनाई देने वाला इंटरफ़ेस उपलब्ध कराता है.

ध्यान दें कि स्क्रीन रीडर, इंटरफ़ेस के हर एलिमेंट के बारे में आपको कैसे जानकारी देता है. आपको उम्मीद करनी चाहिए कि अच्छी तरह से डिज़ाइन किया गया रीडर, आपको उन एलिमेंट के बारे में पूरी या कम से कम ज़्यादातर जानकारी देगा जिनसे वह मिलता है.

• एलिमेंट की भूमिका या टाइप, अगर इसकी जानकारी दी गई है (यह दी जानी चाहिए).
• एलिमेंट का name, अगर एलिमेंट का कोई नाम है (इसका होना ज़रूरी है).
• अगर एलिमेंट में कोई वैल्यू है, तो वह वैल्यू.
• एलिमेंट की स्थिति, जैसे कि यह चालू है या बंद (अगर लागू हो).

स्क्रीन रीडर इस वैकल्पिक यूज़र इंटरफ़ेस को बना सकता है, क्योंकि नेटिव एलिमेंट में ऐक्सेसिबिलिटी मेटाडेटा पहले से मौजूद होता है. जिस तरह रेंडरिंग इंजन, विज़ुअल इंटरफ़ेस बनाने के लिए नेटिव कोड का इस्तेमाल करता है उसी तरह स्क्रीन रीडर, ऐक्सेस किए जा सकने वाले वर्शन बनाने के लिए डीओएम नोड में मौजूद मेटाडेटा का इस्तेमाल करता है. यह वर्शन कुछ ऐसा दिखता है.