सुलभता में स्क्रीन फ़ोकस की खास जानकारी
इस लेसन में हम फ़ोकस के बारे में बात करेंगे. साथ ही, यह भी बताएंगे कि इसे का इस्तेमाल करें. फ़ोकस का मतलब है कि स्क्रीन पर कौनसा कंट्रोल (इनपुट आइटम, जैसे कि फ़ील्ड, चेकबॉक्स, बटन या लिंक) को वर्तमान में कीबोर्ड से इनपुट मिलता है, क्लिपबोर्ड से कॉपी किया जा सकता है.
सुलभता के बारे में जानना शुरू करने के लिए यह एक बेहतरीन जगह है, क्योंकि हम सभी को पता है कीबोर्ड का इस्तेमाल कैसे करें, इससे जुड़ाव और टेस्ट करना आसान है और इसके फ़ायदे वर्चुअल तौर पर सभी लोग.
मोटर इंपेयरमेंट (ऐसे लोग जिनके शरीर का कोई अंग पूरी तरह से काम नहीं करता या ठीक तरह से काम नहीं करता) से पीड़ित उपयोगकर्ता, जो स्थायी लकवे से कुछ भी हो सकती है मोच आने पर, कीबोर्ड का इस्तेमाल किया जा सकता है या डिवाइस स्विच किया जा सकता है. इसलिए, एक अच्छा फ़ोकस रणनीति बनाना ज़रूरी है, ताकि उन्हें.
साथ ही, जो जानकार उपयोगकर्ता अपनी मशीन के हर कीबोर्ड शॉर्टकट के बारे में जानते हैं, कीबोर्ड से अपनी साइट पर तेज़ी से नेविगेट करने में मदद मिलेगी. कम समय में ज़्यादा काम किया जा सकता है.
इस तरह, एक अच्छी तरह लागू की गई फ़ोकस रणनीति से यह पक्का होता है कि ऐप्लिकेशन का अनुभव बेहतर है. हम आने वाले लेसन में देखेंगे कि सहायकों की मदद करने के लिए, आपके काम पर फ़ोकस एक अहम आधार है उपयोगकर्ता टेक्नोलॉजी का इस्तेमाल करते हैं.
फ़ोकस का क्या मतलब है?
फ़ोकस यह तय करता है कि किसी भी समय, पेज में कीबोर्ड इवेंट कहां होंगे. इसके लिए उदाहरण के लिए, अगर आपने टेक्स्ट इनपुट फ़ील्ड पर फ़ोकस किया है और टाइप करना शुरू किया है, तो कीबोर्ड इवेंट प्राप्त करता है और आपके लिखे गए वर्ण दिखाता है. हालांकि, इसमें फ़ोकस करने पर, उसे क्लिपबोर्ड से चिपकाया गया इनपुट भी मिलेगा.
वर्तमान में फ़ोकस किए गए आइटम को अक्सर फ़ोकस रिंग से दिखाया जाता है, जो ब्राउज़र और पेज के लेखक की स्टाइलिंग, दोनों पर निर्भर करता है लागू किया गया. उदाहरण के लिए, Chrome आम तौर पर फ़ोकस किए गए एलिमेंट को नीले रंग से हाइलाइट करता है बॉर्डर, जबकि Firefox डैश वाले बॉर्डर का उपयोग करता है.
कुछ उपयोगकर्ता अपने कंप्यूटर को लगभग पूरी तरह से कीबोर्ड या किसी अन्य इनपुट डिवाइस इन उपयोगकर्ताओं के लिए, फ़ोकस अहम होता है; तो वह उनका मुख्य ज़रिया है. स्क्रीन पर मौजूद हर चीज़ तक पहुंच सकता है. इसी वजह से, वेब एआईएम चेकलिस्ट में बताया गया है कि सेक्शन 2.1.1 में बताया गया है कि सभी पेज की सुविधाएं, कीबोर्ड, जब तक कि वह ऐसा काम न हो जिसे आप कीबोर्ड से नहीं कर सकते, जैसे कि फ़्रीहैंड ड्रॉइंग.
उपयोगकर्ता के तौर पर, आपके पास यह कंट्रोल करने का विकल्प होता है कि Tab का इस्तेमाल करके, फ़िलहाल किस एलिमेंट पर फ़ोकस किया जाए,
Shift+Tab या ऐरो बटन. Mac OSX पर यह कुछ अलग तरीके से काम करता है:
Chrome में आपको हमेशा Tab में नेविगेट करने की सुविधा मिलती है. हालांकि, आपको Option+Tab दबाना होगा
का इस्तेमाल करें. (आप इसमें इस सेटिंग को बदल सकते हैं:
पर जाएं.)
वह क्रम जिसमें इंटरैक्टिव तरीके से फ़ोकस आगे और पीछे होता है
Tab के ज़रिए एलिमेंट को कॉल किया जाता है, इसमें कोई हैरानी की बात नहीं है कि टैब का क्रम. पक्का करना कि
पेज को एक लॉजिकल टैब क्रम में डिज़ाइन करना ज़रूरी है.
बाद में कवर करेंगे.
फ़ोकस करने लायक क्या है?
पहले से मौजूद इंटरैक्टिव एचटीएमएल एलिमेंट, जैसे कि टेक्स्ट फ़ील्ड, बटन, और चुनिंदा सूचियां अस्पष्ट रूप से फ़ोकस करने लायक हैं, जिसका मतलब है कि उन्हें टैब में अपने आप शामिल कर दिया जाता है साथ ही, बिल्ट-इन कीबोर्ड इवेंट मैनेज करने की सुविधा होनी चाहिए.
हालांकि, सभी एलिमेंट पर फ़ोकस नहीं किया जा सकता; पैराग्राफ़, divs, और कई अन्य पेज एलिमेंट पर फ़ोकस नहीं किया जाता, क्योंकि यह पेज पर एक टैब से दूसरे पेज पर जाता है. ऐसा डिज़ाइन के हिसाब से होता है. अगर उपयोगकर्ता किसी चीज़ से इंटरैक्ट नहीं कर पाता है, तो आम तौर पर किसी चीज़ पर फ़ोकस करने की ज़रूरत नहीं होती है.
फ़ोकस का अनुभव
आइए, फ़ोकस करने की कुछ तकनीकों को आज़माते हैं, जिनके बारे में हमने अभी चर्चा की है. Chrome का इस्तेमाल करके, इस लिंक पर जाएं यह एयरलाइन साइट मॉकअप पेज और सिर्फ़ कीबोर्ड इनपुट का इस्तेमाल करके कोई टिकट खोजें. पेज में स्वीकार करें कि माउस इनपुट स्वीकार करें, ताकि आप व्यायाम को फ़ज न कर सकें (ऐसा नहीं कि हमें आप पर भरोसा न हो ;-).
आपको टिकट के ये पैरामीटर तय करने होंगे:
- एकतरफ़ा
- मेलबर्न के लिए
- 12 अक्टूबर, 2017 (12/10/2017) को रवाना होगी
- 23 अक्टूबर, 2017 (23/10/2017) को वापस आने वाले
- खिड़की वाली सीट
- प्रमोशनल ऑफ़र नहीं चाहिए
जब इनपुट में कोई गड़बड़ी न हो, तो फ़ॉर्म को पूरा भरने के बाद, खोजें बटन, फ़ॉर्म साफ़ हो जाएगा और रीसेट हो जाएगा. आगे बढ़ें और फ़ॉर्म भरें और फिर वापस आएं.
आइए जानते हैं कि फ़ॉर्म आपके कीबोर्ड इनपुट का इस्तेमाल कैसे करता है. अपने पहले के साथ शुरू कर रहे हैं
कुछ Tab बार दबाने पर ब्राउज़र, फ़्लाइट के लिए नेविगेशन आइटम हाइलाइट करता है,
होटल और किराये की कार. Tab को दबाने के साथ-साथ, इस पर जाएं
रेडियोबटन समूह जहाँ आप राउंड ट्रिप, एक तरफ़ा या मल्टी सिटी में से चुन सकते हैं
करने के लिए उन्हें चुना जा सकता है.
नाम और पते के फ़ील्ड में ज़रूरी जानकारी भरें जानकारी. गंतव्य चयन तत्व पर पहुंचने के बाद, आप तीर कुंजियों का इस्तेमाल करें या फ़ील्ड को अपने आप पूरा करने के लिए आप टाइप करना शुरू कर सकते हैं. इसी तरह, तारीख के फ़ील्ड में ऐरो बटन का इस्तेमाल किया जा सकता है या सिर्फ़ तारीख टाइप किया जा सकता है.
सीट का टाइप चुनने के लिए ऐरो बटन का इस्तेमाल भी किया जा सकता है या आपके पास "w", "a",
या "n" का विकल्प चुनें. इसके बाद, आपके पास प्रमोशनल ऑफ़र बंद करने का विकल्प होगा
चेकबॉक्स के फ़ोकस में होने पर, स्पेसबार दबाकर डिफ़ॉल्ट रूप से. आखिर में, फ़ोकस
फ़ॉर्म सबमिट करने के लिए, 'खोजें' बटन और Enter दबाएं.
किसी फ़ॉर्म के साथ इंटरैक्ट करने के लिए, यह सिर्फ़ कीबोर्ड का इस्तेमाल करता है. हालांकि, इसे इस्तेमाल करने के लिए माउस पर स्विच करने और टास्क पूरा करने के लिए वापस जाएं. दरअसल, सभी एलिमेंट फ़ॉर्म में इस्तेमाल किए गए नेटिव एचटीएमएल टैग हैं, जो पूरी तरह से फ़ोकस करते हैं. फ़ॉर्म सही तरीके से काम करता है और आपको फ़ोकस जोड़ने या मैनेज करने के लिए, कोई कोड लिखने की ज़रूरत नहीं है व्यवहार.