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

पिछले कुछ महीनों में, हमने इस परियोजना पर Google Chrome टीम के साथ मिलकर काम किया है और अपडेट किए गए नियंत्रणों को साझा करने में प्रसन्नता है जो Microsoft एज इनसाइडर बिल्ड या अन्य क्रोमियम ब्राउज़रों के लिए उपलब्ध होंगे।

अधिक आधुनिक रूप

ये परिवर्तन नियंत्रण के लिए एक बेहतर उपस्थिति प्रदान करते हैं और बाकी ब्राउज़र के साथ निरंतर डिजाइन और प्रयोज्यता सुनिश्चित करने में मदद करते हैं। हम अपने डिजाइन विचारों के बीच संतुलन खोजने के लिए Google Chrome विकास टीम के साथ मिलकर काम करते हैं, न कि आधुनिक वास्तविकताओं के बारे में भूल जाते हैं। यह सब आप क्रोमियम पर विभिन्न ब्राउज़रों में घर पर महसूस करेंगे। निम्नलिखित क्रोमियम में आज के डिफ़ॉल्ट नियंत्रणों की तुलना है, हम जिस अद्यतन नियंत्रण पर काम कर रहे हैं उसकी तुलना में:

बढ़ा हुआ टच सपोर्ट

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



स्पर्श इनपुट सुधार का एक अच्छा उदाहरण समय इनपुट है; क्रोमियम वर्तमान में पाठ इनपुट, एक स्पष्ट बटन और एक स्पिनर प्रदान करता है। हमारे अध्ययन से पता चला है कि बड़े उंगलियों के आकार के साथ, छोटे नियंत्रणों का सटीक रूप से उपयोग करना मुश्किल हो सकता है जो एक साथ बहुत करीब हैं, इसलिए 23 × 23 पिक्सल (13 × 13 DLU) के अनुशंसित नियंत्रण आकार एक इंटरैक्टिव नियंत्रण के लिए एक अच्छा न्यूनतम आकार है किसी भी इनपुट डिवाइस। इसके विपरीत, 15 × 11 पिक्सल के एक संकल्प के साथ रोटेशन नियंत्रण बहुत प्रभावी ढंग से छुआ होने पर उपयोग किया जाता है।

अधिक सुलभ नियंत्रण

एक और क्षेत्र जिसकी हमने जांच की वह फोकस आयत है जो नियंत्रण को तब घेरता है जब उपयोगकर्ता उस पर ध्यान केंद्रित करता है। यह एक महत्वपूर्ण विशेषता है, क्योंकि यह उपयोगकर्ता को ट्रैक करने की अनुमति देता है कि वह कहां है, खासकर जब कीबोर्ड के साथ नेविगेट करना।

हमारी टीम ने तीन अलग-अलग संभावित फ़ोकस मेट्रिक्स की पहचान की, जो Microsoft की डिज़ाइन भाषा से मेल खाते थे, किसी भी पृष्ठभूमि सामग्री के साथ उच्च कंट्रास्ट की गारंटी देते थे, और एक स्वच्छ और सौंदर्यपूर्ण रूप से मनभावन उपस्थिति प्रदान करते थे।

हमने तब आधारभूत मॉडल के रूप में वर्तमान डिफ़ॉल्ट क्रोमियम फोकस आयत की तुलना में सबसे अच्छा विकल्प निर्धारित करने के लिए इंटरैक्टिव उपयोगकर्ता अनुसंधान किया। हमने पाया कि प्राथमिकताएँ भिन्न थीं, लेकिन पहुँच के मामले में एक विकल्प स्पष्ट नेता था। हमने इस विकल्प को Microsoft Edge में नए फोकस आयत के रूप में चुना, जिसे आप नीचे देख सकते हैं:



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



हमने प्रत्येक नियंत्रण के लिए उत्कृष्ट कीबोर्ड समर्थन प्रदान करने के लिए हमारे कार्यान्वयन को भी अपडेट किया। उदाहरण के लिए, एक नए रंग इनपुट में, आप तीर कुंजियों के साथ एक मान नेविगेट कर सकते हैं; यदि आप विंडोज (मैक पर सीएमडी कुंजी) पर Ctrl कुंजी दबाए रखते हैं, तो आप 10 मानों को स्थानांतरित करेंगे, जो आपको रंग फ़नल के आसपास जल्दी से जाने की अनुमति देता है।

अंत में, हमने सहायक तकनीकों (जैसे स्क्रीन रीडर) का उपयोग करने वाले उपयोगकर्ताओं के लिए सुविधा प्रदान करने के लिए HTML एक्सेसिबिलिटी एपीआई मैपिंग विनिर्देशन से मिलान करने के लिए नियंत्रण के लिए मैपिंग को अपडेट किया।