सुलभता

वेब पेजों के लिए सुलभता को बेहतर बनाना

ऐलिस बॉक्सहॉल

डेव गैश

मेगिन किर्नी

रॉब डॉडसन

यह दस्तावेज़, कॉन्टेंट के उस हिस्से का टेक्स्ट-आधारित वर्शन है जो सुलभता पर Udacity कोर्स में शामिल है. वीडियो कोर्स को सीधे तौर पर लेख में बदलने के बजाय, इसे कोर्स के ओरिजनल कॉन्टेंट को आधार के तौर पर इस्तेमाल करके, सुलभता के सिद्धांतों और तरीकों को संक्षिप्त तौर पर समझाने के लिए बनाया गया है.

खास जानकारी

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

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

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

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

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

हालांकि, ऐसा बिलकुल नहीं है, इसलिए किसी और बारे में बात करने से पहले, हम इस बारे में साफ़ तौर पर बता देते हैं. सुलभता से हमारा क्या मतलब है और हम किन चीज़ों के बारे में जानने के लिए आए हैं?

सुलभता क्या है?

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

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

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

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

इस फ़ॉर्म में सुलभता से जुड़ी कई समस्याएं हैं.

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

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

आपको कौनसा तरीका इस्तेमाल करना चाहिए? अगर आपने "ऐक्सेस करने लायक वर्शन" बोला है, तो इसका मतलब है कि अब आपको इस गाइड के मुख्य मकसद को समझने की कोशिश करनी है. अक्सर कुछ उपयोगकर्ताओं को पूरी तरह से ब्लॉक करने वाली चीज़ कई लोगों के लिए बहुत मुश्किल होती है, इसलिए सुलभता से जुड़ी समस्या को ठीक करके, सभी के अनुभव को बेहतर बनाया जा सकता है.

वेब कॉन्टेंट की सुलभता से जुड़े दिशा-निर्देश

इस पूरी गाइड में, हम वेब कॉन्टेंट की सुलभता से जुड़े दिशा-निर्देश (डब्ल्यूसीएजी) 2.0 के बारे में जानेंगे. यह दिशा-निर्देशों का एक सेट है. साथ ही, सुलभता विशेषज्ञों ने इसे इस्तेमाल करने के सबसे सही तरीके बताए हैं, ताकि "सुलभता" के मतलब को सही तरीके से समझा जा सके.

डब्ल्यूसीएजी, चार सिद्धांतों के आधार पर बना है. इसे अक्सर POUR कहा जाता है:

• ध्यान देने लायक: क्या उपयोगकर्ता कॉन्टेंट को समझ सकते हैं? इससे हमें यह बात याद रखने में मदद मिलती है कि किसी चीज़ को एक इंद्रियों से समझ आने पर, जैसे कि उसे देख पाना. इसका मतलब यह नहीं है कि सभी लोग उस चीज़ को महसूस कर सकते हैं.

• ऑपरेट करने लायक: क्या उपयोगकर्ता यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट का इस्तेमाल करके, कॉन्टेंट पर नेविगेट कर सकते हैं? उदाहरण के लिए, माउस या टच स्क्रीन का इस्तेमाल न करने वाला व्यक्ति, माउस या टच स्क्रीन का इस्तेमाल नहीं कर सकता.

• समझ में आने लायक: क्या उपयोगकर्ता कॉन्टेंट को समझ सकते हैं? क्या लोग इंटरफ़ेस को समझ सकते हैं और क्या यह एक जैसा है, ताकि भ्रम की स्थिति से बचा जा सके?

• बेहतरीन: क्या कॉन्टेंट को अलग-अलग तरह के उपयोगकर्ता एजेंट (ब्राउज़र) इस्तेमाल कर सकते हैं? क्या यह सहायक टेक्नोलॉजी के साथ काम करती है?

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

WebAIM चेकलिस्ट आपको लागू करने की ज़रूरी चीज़ों के बारे में कम शब्दों में खास जानकारी दे सकती है. साथ ही, अगर आपको एक विस्तृत परिभाषा की ज़रूरत है, तो बुनियादी WCAG की खास जानकारी से लिंक भी हो सकता है.

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

उपयोगकर्ताओं की विविधता को समझना

सुलभता के बारे में सीखते समय, दुनिया के अलग-अलग तरह के उपयोगकर्ताओं और उन पर असर डालने वाले सुलभता विषयों के बारे में समझने में मदद मिलती है. ज़्यादा जानकारी के लिए, यहां Google में तकनीकी कार्यक्रम मैनेजर, विक्टर सारन के साथ जानकारी देने वाला सवाल/जवाब वाला सेशन शुरू किया गया है, जो पूरी तरह से दृष्टिहीन हैं.

आप Google में किस चीज़ के लिए काम करते/करती हैं?

Google में मेरा काम यह पक्का करने में मदद करना है कि हमारे प्रॉडक्ट हमारे सभी अलग-अलग उपयोगकर्ताओं के लिए काम करें, चाहे उन्हें कोई नुकसान या क्षमता न हो.

उपयोगकर्ताओं को किस तरह की दिक्कतें हैं?

जब हम उन शारीरिक नुकसानों के बारे में सोचते हैं जिनकी वजह से किसी व्यक्ति को हमारी कॉन्टेंट ऐक्सेस करने में परेशानी होती है, तो बहुत से लोग तुरंत मेरी तरह दृष्टिहीन उपयोगकर्ता की तस्वीर बनाते हैं. यह सच है कि इस तरह की गड़बड़ी से, बहुत सारी वेबसाइटों का इस्तेमाल करने में परेशानी हो सकती है.

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

एक-एक करके उन पर नज़र डालते हैं. क्या तुम दृष्टि बाधित लोगों के कुछ उदाहरण दे सकती हो?

देखने से जुड़ी परेशानियों को कुछ कैटगरी में बांटा जा सकता है: मेरे जैसे दृष्टिहीनता वाले उपयोगकर्ता, स्क्रीन रीडर, ब्रेल या इन दोनों का इस्तेमाल कर सकते हैं.

आपके पास कोई दृष्टि नहीं होने की वजह से यह बहुत ही असामान्य बात है. हालांकि, आपको पता है या आपको एक ऐसे व्यक्ति से मिला है जिसे कुछ भी नहीं दिखता. हालांकि, ऐसे कई लोग हैं जिन्हें हम कम दृष्टि वाले उपयोगकर्ता कहते हैं.

यह एक बहुत बड़ा ग्रुप है, जैसे कि मेरी पत्नी, जिसे कॉर्निया नहीं है - हालांकि, वह ऐसी चीज़ें देख सकती है जिन्हें पढ़ने में उसे परेशानी होती है और वह कानूनी दृष्टि से दृष्टिहीन समझी जाती है.

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

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

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

साथ ही, मुझे यह बताना भी नहीं चाहिए कि जिन लोगों की कलर विज़न कमज़ोर है, करीब 9% पुरुषों में किसी न किसी रूप में रंगों की रोशनी कम होती है! साथ ही, करीब 1% महिलाएं. उन्हें लाल और हरे या पीले और नीले रंग में अंतर करने में परेशानी हो सकती है. अगली बार फ़ॉर्म की पुष्टि करते समय, इस बारे में सोचें.

हिलने-डुलने में परेशानियों का सामना करने वाले अंगों का क्या होता है?

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

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

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

बढ़िया, चलिए सुनने से जुड़ी परेशानियों के बारे में बात करते हैं.

इस तरह के ग्रुप में, बिलकुल न सुन पाने से लेकर कम सुनने वाले लोग शामिल हैं. आंखों की रोशनी की ही तरह, उम्र बढ़ने के साथ हमारी सुनने की क्षमता भी कमज़ोर होती जाती है. हम में से कई लोग हमारी मदद करने के लिए कान की मशीन जैसी सामान्य सुविधाओं का इस्तेमाल करते हैं.

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

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

ठीक है, क्या आप हमें सीखने-बात करने में दिक्कतों के बारे में थोड़ी जानकारी दे सकते हैं?

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

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

आइए जानते हैं कि सुलभता के बारे में आपकी क्या राय है?

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

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

आइए, असल दुनिया में ऐक्सेस करने में रुकावट वाले कुछ उदाहरण देखते हैं. साथ ही, देखते हैं कि वे किस कैटगरी और टाइप में आते हैं. ध्यान दें कि कुछ दिव्यांगताएं एक से ज़्यादा कैटगरी या टाइप में आ सकती हैं.

बार-बार होने वाली स्ट्रेन इंजरी: जैसे, कार्पल टनल सिंड्रोम, टेनिस एल्बो, ट्रिगर फ़िंगर

अगले चरण

हम पहले ही काफ़ी हद तक ज़मीन कवर कर चुके हैं! आपने इसके बारे में पढ़ा है

• सुलभता का मतलब क्या है और यह सभी के लिए क्यों ज़रूरी है
• डब्ल्यूसीएजी और WebAIM की सुलभता चेकलिस्ट
• अलग-अलग तरह की शारीरिक रुकावटों को ध्यान में रखना चाहिए

गाइड के बाकी हिस्से में, हम ऐसी वेबसाइटों को बनाने के व्यावहारिक पहलुओं के बारे में जानेंगे जिनको ऐक्सेस किया जा सकता है. हम इस कोशिश को तीन मुख्य विषयों के आधार पर व्यवस्थित करेंगे:

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

• सीमेंटिक: हम यह पक्का करेंगे कि हम अपने यूज़र इंटरफ़ेस को, कई तरह की सहायक टेक्नोलॉजी के साथ बेहतर तरीके से इस्तेमाल करें.

• स्टाइल: हम विज़ुअल डिज़ाइन और कुछ तकनीकों पर गौर करेंगे, ताकि इंटरफ़ेस के विज़ुअल एलिमेंट को लचीला और इस्तेमाल करने लायक बनाया जा सके.

इनमें से हर विषय एक पूरा कोर्स भर सकता है. इसलिए, हम सुलभता वेबसाइटों को बनाने के हर पहलू को शामिल नहीं करेंगे. हालांकि, हम आपको शुरुआत करने के लिए काफ़ी जानकारी देंगे. साथ ही, आपको कुछ ऐसी जगहों पर ले जाएंगे जहां आपको हर विषय के बारे में ज़्यादा जानकारी मिल सके.