हमने क्या शामिल किया है, और क्या अब भी बाकी है

हम वेब सामग्री सुगम्यता दिशानिर्देश (WCAG), संस्करण 2.2, स्तर AA के अनुरूप निर्माण करते हैं — वही स्तर जिसका संदर्भ यूरोपीय सुगम्यता अधिनियम और अमेरिका में धारा 508 में दिया गया है। रंग-कंट्रास्ट पर हम इससे आगे जाकर स्तर AAA को लक्ष्य बनाते हैं, क्योंकि इस साइट का अधिकांश भाग लगभग काली पृष्ठभूमि पर सफ़ेद और धूसर पाठ है और कम स्तर से संतुष्ट होने का कोई कारण नहीं था।

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

यह कथन www.surglasses.com के सार्वजनिक पृष्ठों पर लागू होता है। यह उन एडिटरों पर लागू नहीं होता जिनका उपयोग हमारे अपने कर्मचारी समाचार और कार्यक्रम प्रकाशित करने के लिए करते हैं, जो पासवर्ड के पीछे के आंतरिक उपकरण हैं, और यह हमारे चिकित्सा उपकरणों तथा शिक्षण प्रणालियों के अंदर के सॉफ़्टवेयर पर भी लागू नहीं होता — उनके अपने दस्तावेज़ और अपनी नियामकीय आवश्यकताएँ हैं।

• हर पृष्ठ पर सबसे पहले “मुख्य सामग्री पर जाएँ” लिंक मिलता है, ताकि आपको हर बार पूरे मेनू से होकर टैब न करना पड़े।
• कीबोर्ड फ़ोकस हमेशा दिखाई देता है। जिस चीज़ पर फ़ोकस होता है उसके चारों ओर हरी रूपरेखा खींची जाती है, जो तत्व से थोड़ी हटकर होती है ताकि किसी बॉर्डर के पीछे छिप न जाए। यह कीबोर्ड के उपयोग पर दिखती है, माउस क्लिक पर नहीं, इसलिए ज़रूरत पर मौजूद रहती है और ज़रूरत न होने पर रास्ते में नहीं आती।
• मेनू, मेनू की तरह ही व्यवहार करते हैं। चारों ड्रॉपडाउन ट्रिगर असली बटन हैं, बटन होने का दिखावा करते लिंक नहीं, और वे बताते हैं कि खुले हैं या नहीं। नीचे तीर मेनू खोलता है और उसके भीतर ले जाता है, ऊपर और नीचे तीर उसकी वस्तुओं के बीच चलते हैं, और Esc कुंजी उसे बंद करके फ़ोकस वापस ट्रिगर पर रख देती है। डेस्कटॉप पर ये बिना किसी जावास्क्रिप्ट के भी फ़ोकस पर खुल जाते हैं।
• चौड़ी तुलना तालिकाओं को कीबोर्ड से स्क्रॉल किया जा सकता है। हर तालिका एक फ़ोकस करने योग्य क्षेत्र में है जिसका अपना नाम है, इसलिए तालिका अपने बॉक्स के भीतर बगल की ओर स्क्रॉल होती है जबकि पृष्ठ स्वयं कभी नहीं होता।
• वर्ष-दर-वर्ष इतिहास हमारे हम कौन हैं पृष्ठ पर एक उचित टैब सूची के रूप में बना है: बायाँ और दायाँ तीर वर्षों के बीच चलते हैं, Home और End पहले और अंतिम वर्ष पर जाते हैं, और हर वर्ष का पैनल अपने टैब से जुड़ा है।
• कुछ भी टैब क्रम को अपने हाथ में नहीं लेता। साइट पर किसी भी तत्व को टैब क्रम में कस्टम स्थान नहीं दिया गया है, इसलिए फ़ोकस बस उसी क्रम में चलता है जिसमें चीज़ें पृष्ठ में दिखती हैं।
• बटन कम से कम 44 पिक्सेल वर्गाकार हैं जहाँ वे शब्दों के बजाय आइकन हैं — मेनू बटन, सोशल लिंक, कैरोसेल नियंत्रण।

भीतर से, पृष्ठ साधारण HTML हैं: हर पृष्ठ पर एक मुख्य शीर्षक और बाकी उसके नीचे क्रम से, वास्तविक हेडर, नेविगेशन, मुख्य और फ़ुटर क्षेत्र, वास्तविक सूचियाँ और वास्तविक तालिकाएँ। साइट की तुलना तालिकाओं के सभी 59 हेडर सेल बताते हैं कि वे पंक्ति के हैं या स्तंभ के। हर छवि के साथ वैकल्पिक टेक्स्ट है, और जो 25 केवल सजावटी हैं उन्हें वैसा चिह्नित किया गया है ताकि स्क्रीन रीडर फ़ाइल का नाम पढ़ने के बजाय उन्हें छोड़ दे — और जब हमारे अपने कर्मचारी किसी समाचार या कार्यक्रम में चित्र जोड़ते हैं, तो एडिटर उसी समय उनसे उसका वर्णन लिखने को कहता है।

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

इस साइट पर दो फ़ॉर्म हैं, संपर्क पृष्ठ और कहाँ से खरीदें पृष्ठ पर, और उन्हें इस पृष्ठ को ध्यान में रखकर बनाया गया था।

• एक स्वचालित जाँच है, और वह ऐसी नहीं है जिसे आपको हल करना पड़े। फ़ॉर्मों में एक जाँच इसलिए है क्योंकि ऐसे उपाय जो आपसे कुछ नहीं माँगते — एक छिपा फ़ील्ड जिसे केवल स्वचालित सॉफ़्टवेयर भरता है, एक कनेक्शन से कितने संदेश भेजे जा सकते हैं उस पर सीमा — ऐसे प्रेषक को नहीं रोकते जो फ़ॉर्म ठीक से भरता है। हमने जो जाँच चुनी है वह आपको पहेली देने के बजाय यह देखती है कि ब्राउज़र कैसा व्यवहार करता है, इसलिए किसी को ट्रैफ़िक लाइटें पहचानने या टेढ़े अक्षर लिखने की ज़रूरत नहीं; अधिकतर समय वह अपने आप पूरी हो जाती है और आपको बस यह बताता एक छोटा बॉक्स दिखता है। फिर भी हम यह दिखावा नहीं करेंगे कि यह मुफ़्त है: इसे जावास्क्रिप्ट चाहिए, यह पुष्टि के लिए एक क्लिक माँग सकती है, और यह एक तृतीय-पक्ष घटक है। यदि किसी भी कारण से यह आपके रास्ते में आए, तो हमें कॉल करें (नंबर इस पृष्ठ के नीचे हैं) — उस रास्ते पर कोई जाँच नहीं है और हम उसे उसी तरह पढ़ते हैं।
• हर फ़ील्ड का एक वास्तविक लेबल है, जो बॉक्स के ऊपर स्थायी रूप से दिखता है, न कि ऐसा प्लेसहोल्डर जो टाइप करते ही गायब हो जाए। आवश्यक फ़ील्ड ब्राउज़र को आवश्यक के रूप में चिह्नित हैं, इसलिए आपका सॉफ़्टवेयर भेजने से पहले ही आपको बता सकता है।
• फ़ील्ड बताते हैं कि वे किसलिए हैं — नाम, ईमेल, संगठन, देश, टेलीफ़ोन — ताकि ब्राउज़र और पासवर्ड-मैनेजर का ऑटोफ़िल उन्हें आपके लिए भर सके।
• कई उत्पाद चुनना चेकबॉक्स का एक समूह है, बहु-चयन सूची नहीं। ऐसी सूचियों को उपयोग करने के लिए Ctrl-क्लिक करना पड़ता है और फ़ोन पर वे लगभग अनुपयोगी हैं।
• कोई समय-सीमा नहीं है और कोई सत्र नहीं जो समाप्त हो जाए। जितना चाहें समय लें। एकमात्र समय-नियम एक न्यूनतम है: पृष्ठ खुलने के लगभग तीन सेकंड के भीतर भेजा गया फ़ॉर्म स्वचालित माना जाता है।
• फ़ॉर्मों को जावास्क्रिप्ट चाहिए। सुरक्षा जाँच और फ़ॉर्म भेजने, दोनों के लिए इसकी ज़रूरत है, इसलिए इसके बंद होने पर फ़ॉर्म भेजा नहीं जा सकता; फ़ॉर्म यह बताता है और इसके बजाय आपको हमारे टेलीफ़ोन नंबरों की ओर ले जाता है। जावास्क्रिप्ट चालू होने पर, परिणाम — भेजा गया, या कुछ सुधारना है — बटन के बगल के एक संदेश में दिखता है जिसे स्क्रीन रीडर बोलकर बताते हैं, और कीबोर्ड फ़ोकस उसी पर चला जाता है।

यदि फ़ॉर्म किसी भी कारण से आपके लिए सही नहीं है, तो उससे जूझें नहीं। हमें कॉल करें; नंबर इस पृष्ठ के नीचे और हमारे स्थान पृष्ठ पर हैं.

यह साइट सादे HTML, CSS और जावास्क्रिप्ट से बनी है। इंस्टॉल करने के लिए कोई प्लग-इन नहीं और कोई ऐप नहीं। हम यहाँ जो कुछ प्रकाशित करते हैं वह केवल पीडीएफ के रूप में उपलब्ध नहीं है — हर पृष्ठ एक वेब पेज है, इसलिए आपके ब्राउज़र के अपने पठन उपकरण उन सभी पर काम करते हैं। और लगभग कुछ भी किसी अन्य कंपनी से एम्बेड नहीं किया गया है: कोई चैट बबल नहीं, कोई तृतीय-पक्ष वीडियो प्लेयर नहीं और कोई ओवरले विजेट नहीं। यह सुनने से ज़्यादा मायने रखता है, क्योंकि ऐसे ओवरले कीबोर्ड उपयोगकर्ता के किसी पृष्ठ पर अटकने के सबसे आम कारणों में से हैं, और यहाँ कोई नहीं है। एकमात्र अपवाद दोनों फ़ॉर्मों पर लगी सुरक्षा जाँच है, जिसका वर्णन ऊपर फ़ॉर्म के अंतर्गत है; वह उन्हीं पृष्ठों पर है, और कहीं नहीं।

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

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

यह साइट Windows, macOS, iOS और Android पर Chrome, Edge, Firefox और Safari के वर्तमान संस्करणों में काम करने के लिए लिखी गई है, और जानबूझकर ऐसी कोई सुविधा उपयोग नहीं करती जिसे केवल उनमें से एक समर्थन करता हो — इसीलिए हमारे पारदर्शी उत्पाद एनिमेशन वीडियो के बजाय छवियाँ हैं, क्योंकि पारदर्शी वीडियो का कोई ऐसा प्रारूप नहीं है जिसे चारों चला सकें। यदि कोई पृष्ठ आपके लिए अजीब व्यवहार करे, तो कृपया हमें ब्राउज़र और संस्करण बताएँ; आमतौर पर इतना ही हमारे लिए उसे दोहराने को पर्याप्त होता है।