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

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

Alice Boxhall
Alice Boxhall
Dave Gash
Dave Gash
Meggin Kearney
Meggin Kearney

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

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

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

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

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

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

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

सहायक टेक्नोलॉजी के उदाहरण, जैसे कि बैसाखी मैग्नीफ़ाइंग ग्लास और रोबोटिक प्रॉस्थेसिस.

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

सहायक टेक्नोलॉजी के ज़्यादा उदाहरण, जैसे कि ब्राउज़र ज़ूम ब्रेल डिसप्ले और
आवाज़ से कंट्रोल करना.

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

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

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

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

अफ़ॉर्डेंस

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

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

हैंडल और थूक वाली चाय की केतली.

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

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

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

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

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

खरीदारी के लिए इस्तेमाल किए जाने वाले इस तरह के कॉन्टेंट को सिमेंटिक्स कहते हैं.

स्क्रीन रीडर

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

हमने विक्टर ज़ारन से यह समझाने के लिए कहा कि एक दृष्टिहीन व्यक्ति कैसे ओएस X पर बिल्ट-इन स्क्रीन रीडर का इस्तेमाल करके, वेब को ऐक्सेस करते हैं, जिसे VoiceOver कहते हैं. वॉइसओवर का इस्तेमाल करके, विक्टर का यह वीडियो देखें.

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

ChromeVox लाइट डेमो पेज

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

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

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

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

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

स्क्रीन रीडर, ऐक्सेस किए जा सकने वाले नोड बनाने के लिए
डीओएम का इस्तेमाल करता है.