मेलानी समनर एक सॉफ़्टवेयर इंजीनियर हैं. वे डिजिटल ऐक्सेस के क्षेत्र में विशेषज्ञ हैं. हमने इंजीनियरिंग के उनके तरीके, सुलभता के लिए डिज़ाइन किए गए डिज़ाइन, Ember.js के बारे में बात की. साथ ही, इस बारे में भी बात की कि इन कामों के लिए फ़ंडिंग की क्या अहमियत है.
इस पोस्ट में, सुलभता के बारे में जानें! के तहत, कम्यूनिटी एक्सपर्ट को हाइलाइट किया गया है.
एलेक्ज़ेंड्रा क्लेपर: मेरे साथ जुड़ने के लिए धन्यवाद! आप कौन हैं और क्या काम करती हैं?
मेलानी समनर: मेरा नाम मैलेनी समनर है और मैं एक सॉफ़्टवेयर इंजीनियर हूं, जो डिजिटल सुलभता में माहिर हूं. मैं 25 सालों से वेब के लिए कोड लिख रहा हूं. मेरा पहला करियर… एक तरह से जासूसी वाला था. मैं अमेरिकन नेवी में इंटेलिजेंस विश्लेषक था और कोडिंग मेरा शौक था.
मुझे जासूस बनना पसंद नहीं था. मुझे मौत का मन नहीं था, यह पता चला. जैसा कि ज्यादातर लोगों को नहीं है, जब उन्हें उसके करीब होना होता है. मुझे यह तय करना था कि अब मुझे क्या करना है. साथ ही, यह भी तय करना था कि अपने शौक को अपना पेशा बनाना है या नहीं. पिछले 10 सालों में, मैंने खास तौर पर सुलभता से जुड़ी सुविधाओं के लिए सॉफ़्टवेयर इंजीनियरिंग पर फ़ोकस किया है.
Alexandra: आपको अक्सर यह नहीं सुनाई देता कि "ओह, पहले मैं जासूस थी." कोई दिक्कत नहीं। सुलभता के क्षेत्र में आपकी क्या वजह आई?
Melanie: मैं उस समय, डिपार्टमेंट ऑफ़ डेवलपमेंट में यूनिवर्सिटी ऑफ़ नॉर्थ कैरोलाइना [यूएनसी] चैपल में काम कर रही थी. इसका मतलब वेब डेवलपमेंट जैसे डेवलपमेंट से नहीं है, बल्कि फ़ंडरेज़िंग जैसे डेवलपमेंट से है.
मेरे डायरेक्ट मैनेजर को दृष्टि बाधित थी और उसे देखने के लिए हर चीज़ को 400% तक ज़ूम करना पड़ा था. वह एक बेहतरीन सॉफ़्टवेयर इंजीनियर थे. शायद मेरे अब तक के सबसे अच्छे मैनेजर हैं. हालांकि, वह हमेशा मेरे सामान को तोड़ देता था, क्योंकि वह मेरे काम को देखने के लिए ज़ूम इन करता था. अगर मैंने चीज़ों को सही तरीके से बनाने के बारे में सोच-विचार नहीं किया होता, तो वे काम करना बंद कर देतीं.
मेरे मैनेजर के बॉस को नीले रंग का पता नहीं चलता था. मुझे नहीं पता कि आपको पता है या नहीं कि UNC का नीला रंग कैसा दिखता है, लेकिन यह हल्का आसमानी नीला रंग है. साथ ही, उन्हें सफ़ेद रंग पर इसका इस्तेमाल करना बहुत पसंद आया.
Alexandra: (हंसती हैं) अरे नहीं.
Melanie: उसका बॉस हमेशा शिकायत करता था कि उसे मेरा काम कभी नहीं दिखता! मुझे अपनी साइटों के लिए, एक-दूसरे के साथ मैच होने वाले रंगों का सेट और कलर स्कीम बनानी थी. इसने मुझे कलर कंट्रास्ट के बारे में सोचने और यह सोचने में मदद की कि जो लोग कलर ब्लाइंड (या दृष्टि बाधित लोग) हैं, वेब का इस्तेमाल कैसे करते हैं.
यूएनसी एक स्टेट यूनिवर्सिटी है. इसलिए, अमेरिका के संघीय कानून के तहत, इसे WCAG के ऐक्सेसिबिलिटी लेवल एए का पालन करना ज़रूरी है. हमने एएए स्तर पर ध्यान दिया क्योंकि यह एक शिक्षण संस्थान है.
राज्य और फ़ेडरल की ज़रूरी शर्तों के बारे में ज़्यादा जानने और W3C के सुलभता मानक को पढ़ने के बाद, मुझे लगा कि "यह सब सही है." मुझे जो जानकारी मिली है उसके मुताबिक, ज़्यादातर वेब कॉन्टेंट इस कानून का पालन नहीं करता. ज़ाहिर है, वेब के अस्तित्व में आने के बाद से ही लोग वेब को ऐक्सेस करने के तरीकों पर काम कर रहे हैं. कभी-कभी, JavaScript इंजीनियर (खास तौर पर) डिजिटल ऐक्सेस के मामले में थोड़े धीमे होते हैं.
मेरी राय में, सुलभता सुविधाएं वेब की सबसे अहम सुविधाएं हैं. सुलभता के लिए कई अच्छे लोग ऑटोमेशन पर काम करते हैं—और हमें समाधानों पर उसी तरह काम करना होगा जिस तरह हमने परफ़ॉर्मेंस और सुरक्षा जैसी दूसरी मुश्किल समस्याओं का सामना किया है.
Alexandra: आपने नौसेना और UNC में, शायद बहुत सारे लंबे और जटिल दस्तावेज़ पढ़े होंगे. क्या आपको स्पेसिफ़िकेशन को समझने में मुश्किल हुई?
Melanie: मुझे इसे समझने के लिए पांच बार पढ़ना पड़ा. मैंने पहले भी अन्य खास जानकारी पढ़ी थी. मैं हमेशा लोगों को बताता हूं कि अगर आपको यह समझ नहीं आता है, तो परेशान न हों. मुझे इसे पांच बार पढ़ना पड़ा था! मैं मज़ाक़ भी नहीं कर रहा.
स्पेसिफ़िकेशन की भाषा को समझने में काफ़ी समय लगता है. अगर इसका सही तरीके से विश्लेषण नहीं किया जाता है, तो गलत फ़ैसला लिया जा सकता है. यह भी समझना ज़रूरी है कि स्पेसिफ़िकेशन की ज़्यादातर भाषा, ब्राउज़र डेवलपर के लिए है. "लेखकों को यह करना चाहिए" ढूंढें, क्योंकि यह वेब डेवलपर के लिए एक संदर्भ है.
Alexandra: अगर ज़्यादा डेवलपर को स्पेसिफ़िकेशन को समझने का तरीका पता होता, तो वेब पर बहुत कुछ बेहतर हो सकता था.
Melanie: ऐसी साइटों के बारे में बहुत कुछ कहा जा सकता है जो आपके लिए डेटा का विश्लेषण करती हैं. मैंने a11y-automation.dev बनाई है और यह साइट मेरे लिए एक तरह से मेरा बच्चा है, मेरा साइड प्रोजेक्ट है. मैं ऐक्सेसेबिलिटी से जुड़े हर उल्लंघन की जानकारी देने की कोशिश करता/करती हूं और उसे डब्ल्यूसीएजी की ज़रूरी शर्तों से जोड़ता/जोड़ती हूं. अगर गड़बड़ी को रोकने के लिए ऑटोमेशन की सुविधा उपलब्ध है, तो मैं आपको वह सलूशन दूंगा.
आपको संभावित उल्लंघनों की सूची के बारे में पता चल गया है. हालांकि, इसे ठीक करने का तरीका सीखना इससे ज़्यादा अहम है. अपने-आप होने वाली गड़बड़ियों को ठीक करने के लिए, ऐसा हो सकता है कि आपने कोई लिंटर या टेंप्लेट लिखा हो. इसके अलावा, हो सकता है कि आपने कोई टेस्ट लिखा हो.
मुझे ओपन सोर्स में काम करना पसंद है, क्योंकि इसमें एक-दूसरे से सीखने के साथ-साथ, सुधार करने का मौका मिलता है. कभी-कभी सुधार होता है और कभी-कभी नहीं, लेकिन हम सभी अपनी पूरी कोशिश करते हैं. हम एक-दूसरे के काम पर काम करते हैं. इससे, वेब के लिए बेहतरीन नतीजे मिलते हैं.
सुलभता सुविधाओं के लिए फ़ंड कैसे दें
Alexandra: pleasefunda11y.com में मेरी दिलचस्पी थी. डेवलपर के लिए यह जानना बहुत ज़रूरी है कि वे आसानी से ऐक्सेस की जा सकने वाली साइट कैसे बना सकते हैं, लेकिन ज़रूरी नहीं है कि उनके पास एक्ज़ीक्यूटिव लीडरशिप और मंज़ूरी के बिना, हमेशा संसाधन हों. आपने यह साइट क्यों बनाई है?
Melanie: मुझे परेशानी थी, क्योंकि सुलभता के लिए ज़रूरत के मुताबिक फ़ंड नहीं मिल रहा था. ऐसा लगता है कि ओपन सोर्स फ़ंडिंग का सारा हिस्सा सीएसएस को मिलता है. और मुझे सीएसएस पसंद है, हम इसके साथ बहुत कुछ कर सकते हैं.
मैंने यह साइट इसलिए बनाई, क्योंकि Addy Osmani—Chrome के सॉफ़्टवेयर इंजीनियरिंग मैनेजर—ने मुझसे संपर्क किया और कहा कि उन्होंने देखा है कि मैंने सुलभता के लिए फ़ंड मांगा है. हालांकि, उन्हें इस बारे में सलाह चाहिए कि किस काम के लिए फ़ंड दिया जा सकता है. यह एक बड़ी समस्या है: ओपन सोर्स फ़ंडर, खास प्रोजेक्ट को पैसे देना चाहते हैं, न कि ऐसे सामान्य आइडिया को जिनका नतीजा तय नहीं है. मैंने कुछ समय लिया और कुछ खास पहलों के बारे में लिखा. साथ ही, यह भी बताया कि इनकी ज़रूरत क्यों है और ये साइटों को ऐक्सेस करने में कैसे मदद करेंगी.
भले ही, कंपनियां मेरे बिना इन कोशिशों को आगे बढ़ाएं, फिर भी हम वेब पर ऐक्सेस को काफ़ी बेहतर बना सकते हैं. वेब पर की जाने वाली अन्य कोशिशों की तुलना में यह बहुत कम खर्च है और लोगों की ज़िंदगियों पर इसका बहुत बड़ा असर पड़ता है.
आम तौर पर, इस बारे में सोचा जाता है कि "कितने लोगों को कोई दिक्कत है?" इसे ऐसा होना चाहिए: "किसी व्यक्ति का उसकी टेक्नोलॉजी से क्या संबंध है?"
कुछ लोगों ने मुझे बताया है, "मुझे नहीं लगता कि रंगों को ठीक से न देख पाना कोई दिक्कत है." अगर आप रंग-हीन हैं, तो हो सकता है कि आप खुद को दिव्यांग न मानें. हालांकि, टेक्नोलॉजी के साथ आपके रिश्ते पर इसका असर ज़रूर पड़ता है.
Alexandra: मुझे टेक्नोलॉजी के साथ अपने रिश्ते को समझने के बारे में और बताएं. यह सुलभता से कैसे जुड़ा है?
Melanie: उदाहरण के लिए, अगर आपका मस्तिष्क सामान्य से अलग है, तो हो सकता है कि आपको बहुत आसान भाषा और साफ़ निर्देशों की ज़रूरत हो. एक फ़्लो में तीन या चार स्क्रीन पर नेविगेट करने से, आपको बेहतर अनुभव मिल सकता है. ऐसा तब तक करें, जब तक आप आखिरी स्क्रीन पर न पहुंच जाएं. आधुनिक तकनीकी ऐप्लिकेशन के लिए, अच्छे दिशा-निर्देश नहीं हैं.
हमारे पास ऐसी कई कंपनियां हैं जो डेवलपमेंट और ऑपरेशंस (डीओपी) की सेवाएं देती हैं. अगर आपने इनमें से किसी वेबसाइट का इस्तेमाल किया है, तो आपको पता होगा कि इनका इस्तेमाल करना कितना मुश्किल है. आज-कल हम किचन सिंक को अपने सभी इंटरफ़ेस में पैक करने की कोशिश करते हैं.
Alexandra: क्या तुम्हारे पास एक उदाहरण है?
Melanie: उदाहरण के लिए, GitHub में नेस्ट किए गए टैब वाले ड्रॉपडाउन हैं. और [परेशान होकर लंबी सांस लेते हुए]. मैं परेशान नहीं हो सकता (भले ही, मैं परेशान होऊं). नई ज़रूरतों को पूरा करने के लिए, आधुनिक वेब को बेहतर बनाना होगा. हालांकि, हमारी यह भी ज़िम्मेदारी है कि हम एआई को इस तरह से बनाएं कि इससे लोगों को कोई नुकसान न पहुंचे.
यही मेरा जुनून है और यही मेरा जुनून है. मैं नहीं चाहता कि किसी व्यक्ति को नौकरी न मिल पाए, क्योंकि उसे नौकरी के लिए इस्तेमाल होने वाले टूल ऐक्सेस करने में समस्या आ रही है.
Alexandra: 100 प्रतिशत. साथ ही, लोग अक्सर अपने बाहरी उपयोगकर्ताओं के लिए, ऐक्सेस किए जा सकने वाले प्रॉडक्ट बनाने के बारे में सोचते हैं. हालांकि, ऐसा ज़रूरी नहीं है कि वे अपने कर्मचारियों के बारे में सोचें.
Melanie: मुझे लगता है कि फ़ंडिंग से जुड़ी यह सलाह, शायद सभी के लिए फ़ायदेमंद हो.
मुझे इंजीनियर से हमेशा यह सुनने को मिलता है कि वे सुलभता से जुड़ी सुविधाएं देना चाहते हैं, लेकिन "मेरी कंपनी को इसकी परवाह नहीं है." मुझे यकीन है कि उन्हें इस बात से फ़र्क़ पड़ता है! आपको सिर्फ़ कारोबार के लॉजिक गैप को भरना होगा. उन्हें कारोबार के लिए फ़ायदेमंद नतीजे दिखाएं. साइट ओपन सोर्स है. मुझे इसमें योगदान देने और बदलाव करने में बहुत खुशी मिलती है.
Alexandra: अक्सर, सुलभता को प्रोसेस के आखिर में छोड़ दिया जाता है. जैसे, "ओह, हम इसे बाद में सुलभ बना सकते हैं." हालांकि, बाद में इसे जोड़ने में ज़्यादा समय लगेगा, जबकि प्रोजेक्ट में सुलभता के तरीकों को शामिल करने में कम समय लगेगा.
Melanie: मैं अक्सर कहती हूं, "क्या आपको इसे एक बार बनाने के लिए पैसे चुकाने हैं या दो बार?"
Ember.js और मुख्य सुलभता टीम
Alexandra: मुझे पता है कि आप Ember.js फ़्रेमवर्क की मुख्य टीम में भी शामिल हैं. आपने इसमें कैसे हिस्सा लिया?
Melanie: मुझे JPMorgan Chase में, उनके कॉर्पोरेट इन्वेस्टमेंट बैंकिंग प्लैटफ़ॉर्म पर काम करने के लिए हायर किया गया था. Ember एक बेहतरीन JavaScript फ़्रेमवर्क है. इसका इस्तेमाल तब किया जाता है, जब आपको एक ऐसा आधार चाहिए जो बहुत ही स्थिर (शायद थोड़ा बोरिंग भी) हो. इससे आपको ऐसा कोड लिखने से बचने में मदद मिलती है जिससे बैंक को बहुत ज़्यादा नुकसान होता है. Ember के साथ, पुराने सिस्टम के साथ काम करने की गारंटी मिलती है. इसका मतलब है कि किसी भी समय अपग्रेड किया जा सकता है. भले ही, आपने कोई नया वर्शन इस्तेमाल किया हो. हम धीरे-धीरे बदलाव करने की कोशिश करते हैं, ताकि आपके ऐप्लिकेशन में कोई गड़बड़ी न हो.
खैर, मैं एक एंबर कॉन्फ़्रेंस में गई थी और वहां पर मेरी मुलाकात कम्यूनिटी के कुछ लोगों से हुई. Ember के लोग बहुत अच्छे हैं. साथ ही, यहां आचरण का एक ऐसा कोड है जो मुझे अब तक कहीं नहीं मिला.
मिलिट्री छोड़ने के बाद, मैं सुरक्षा के लिए काम करना चाहता था. मैंने एक 'इंफ़ोसिक' मीटअप में हिस्सा लिया था. वहां मुझे कोई और महिला नहीं मिली. उनमें से एक बुज़ुर्ग ने मेरी तरफ़ देखा और कहा, "क्या तुम्हें पक्का पता है कि तुम सही कमरे में हो, मेरे प्यारे दोस्त?"
Alexandra: [आह भरती है] दर्द हो रहा है. इसमें कोई हैरानी की बात नहीं है. मुझे भी ऐसा कुछ अनुभव हुआ है.
Melanie: मुझे लगता है कि यह 2011 या 2012 की बात है? लैंडस्केप काफ़ी बदल गया है. मैंने उस रात, मीटिंग में हिस्सा लिया, ताकि लोगों को यह बता सकूं कि मैं सचमुच में इस काम में दिलचस्पी रखता हूं. मैं इस टिप्पणी से मुझे बंद नहीं होने देना चाहती थी. मैंने हंसी-मज़ाक़ किए, अच्छे नोट लिए, और बातचीत में हिस्सा लिया, ताकि लोगों को पता चले कि मैं वहां मौजूद हूं. मुझे लगता है कि मेरे करियर के ज़्यादातर समय में, मैंने पुरुषों को गलत साबित किया है.
हालांकि, मुझे नहीं लगता कि महिलाओं को सिर्फ़ पुरुषों को गलत साबित करने के लिए सॉफ़्टवेयर इंजीनियर बनना चाहिए. मुझे सॉफ़्टवेयर इंजीनियर बनना था, ताकि मैं बेहतरीन चीज़ें बना सकूं. ऐसा करना मुझे बहुत अच्छा लगता है. महिलाओं को भी यह विकल्प मिलना चाहिए.
Alexandra: बिलकुल.
Melanie: मैंने ऐक्सेस करने से जुड़ी अपनी जानकारी, Ember कम्यूनिटी के साथ शेयर की, क्योंकि बैंकिंग प्लैटफ़ॉर्म के तौर पर, आपको अमेरिका के संघीय कानूनों का पालन करना होगा. येहुदा काट्ज़ और टॉम डेल ने कहा, "हमारी टीम में एक अंतर है. हमारे पास कई JavaScript विशेषज्ञ, परफ़ॉर्मेंस विशेषज्ञ, और बहुत ज़्यादा स्मार्ट लोग हैं. हमें ऐसे व्यक्ति की ज़रूरत है जिसके पास सुलभता के बारे में जानकारी हो." उन्होंने मुझे मुख्य टीम में शामिल होने का न्योता दिया.
हम Ember को डिफ़ॉल्ट रूप से ऐक्सेस करने लायक बनाने के लिए काम कर रहे हैं. इसका मतलब है कि ember new <my-app-name> का इस्तेमाल करने पर, आपको तुरंत WCAG की शर्तें पूरी करनी होंगी.
Alexandra: मुझे GitHub पर, Ember के लिए सुलभता टूल की एक लंबी सूची मिली. क्या आपको लगता है कि Ember कम्यूनिटी के लोग उन टूल में योगदान देने के लिए उत्साहित हैं?
Melanie: यह इस काम का सबसे रोमांचक हिस्सा रहा. LinkedIn में काम करते समय, मैंने ऐक्सेसibilit लिंटिंग के लिए Ember के नियम लिखे थे. इसके बाद मैंने, LinkedIn के इस्तेमाल को हाशिकॉर्प के लिए काम करना छोड़ दिया. दूसरे लोग अब भी लिंटर में योगदान दे रहे हैं क्योंकि यह उनके काम का है. यह इस काम का हिस्सा है, जिससे मुझे सुकून और खुशी मिलती है.
हम मानते हैं कि बुनियादी तौर पर, सुलभता एक नागरिक अधिकार है. इस बारे में चर्चा नहीं की जा सकती.
हम किन बातों पर चर्चा करते हैं: हम क्या लागू कर सकते हैं? कब? हम इसे कैसे बना सकते हैं? हम इसे कैसे सिखा सकते हैं और इसे पुराने सिस्टम के साथ कैसे काम करता है? हम डेवलपर को, ऐक्सेस की सुविधा देने में कैसे मदद करते हैं, ताकि उन्हें कोई नई सुविधा बनाने या उसके लिए प्लान बनाने की ज़रूरत न पड़े?
Alexandra: सुलभता एक नागरिक अधिकार है. इससे मुझे सिहरन महसूस होती है! इसे सच्चाई के तौर पर देखा जाना चाहिए.
Melanie: मुझे लोग ऐसी बातें कहते हैं जिनके बारे में उन्हें कोई जानकारी नहीं होती. जैसे, "अगर मैं अंधी होती, तो इंटरनेट का इस्तेमाल नहीं करती." इसके अलावा, "जब मेरे 90% उपयोगकर्ता काम कर रहे हों, लेकिन सिर्फ़ 5% उपयोगकर्ता दिव्यांग हैं, तो मुझे दिव्यांगों के बारे में क्यों सोचना चाहिए?" मैं ऐसी चर्चाएं नहीं कर पाऊंगी, क्योंकि काम से ध्यान हटाने के लिए अक्सर इनका इस्तेमाल किया जाता है.
ऐक्सेस किए जा सकने वाले कोड लिखने से, आपके कैंपेन की परफ़ॉर्मेंस बेहतर हो जाती है. ऐसा इसलिए, क्योंकि आपको ऐसी साइटें बनाने के बारे में सोच रहे हैं जो W3C की खास जानकारी के हिसाब से सही हों. आपको सिर्फ़ डाइव के बजाय, सिमेंटिक एचटीएमएल का इस्तेमाल करना होगा. साथ ही, आपको हेडिंग का इस्तेमाल करना होगा. <div> में क्लिक इवेंट जोड़ने के बजाय, आपको <button> चुनना होगा. इससे आपको परफ़ॉर्मेंस में बेहतरीन सुधार मिलेंगे.
एक काम करें: सुलभता सुविधा को ऑटोमेट करें
Alexandra: सुलभता वेबसाइटें बनाने के लिए वेब डेवलपर को क्या करना चाहिए?
Melanie: ऑटोमेशन जोड़ें. आपके पास जो भी फ़्रेमवर्क है और जो भी कोड इस्तेमाल किया जा रहा है उसके लिए, किसी मौजूदा लिंटर से शुरुआत करें. मुझे कोई फ़र्क़ नहीं पड़ता कि आपने कौनसा ऐप्लिकेशन इस्तेमाल किया! अगर इनमें से किसी एक नियम का उल्लंघन होता है, तो आपका बिल्ड रुक जाना चाहिए.
कुछ कामों को ऑटोमेट नहीं किया जा सकता, क्योंकि एआई अभी तक मकसद को समझ नहीं सकता. उदाहरण के लिए, किसी इमेज के ऑल्ट टेक्स्ट की वैल्यू काम की होनी चाहिए. हालांकि, इसका क्या मतलब है? फ़िलहाल, किसी व्यक्ति को यह तय करना होगा, न कि ऑटोमेशन को.
हालांकि, ऑटोमेटेड टूल आपको बता सकता है कि "कलर कंट्रास्ट की ज़रूरी शर्तें पूरी नहीं की जा रही हैं." इसे ठीक करें. इसके लिए संघर्ष न करें. यह न कहें कि "मुझे ऐसा नहीं करना है, मुझे यह तरीका पसंद है." यह आपसे जुड़ा नहीं है. इसका मकसद यह है कि हम दुनिया भर में हर दिन, अपनी सेवाओं को सभी के लिए उपलब्ध कराएं.
सुलभता एक प्रोसेस है और आपको हमेशा सीखना होगा. मैं एक दशक से भी ज़्यादा समय से सुलभता पर काम कर रही हूं और अब भी नई-नई चीज़ें सीख रही हूं! बचाव के लिए न रहें, बस कर दें.
मैलेनि के काम के बारे में जानने के लिए, उनकी वेबसाइट melanie.codes और Twitter @a11yMel पर जाएं. सुलभता से जुड़े संसाधनों के लिए, pleasefunda11y.com, a11y-info.com, और a11y-automation.dev पर जाएं.