सुगम्यता

जिस साइट को कुछ विज़िटर इस्तेमाल ही नहीं कर सकते, वह साइट चुपचाप ग्राहकों को लौटा रही है। हम हर बिल्ड में WCAG 2.2 लेवल AA को इंजीनियरिंग की न्यूनतम सीमा मानते हैं, और इसे किसी ब्रोशर में दावा करने के बजाय नाप कर सत्यापित करते हैं।

क्यों ज़रूरी है

तीन वजहें, तीनों व्यावहारिक

यह क़ानून का हिस्सा बनता जा रहा है

सुगम्यता से जुड़े नियम लगातार फैल रहे हैं: सार्वजनिक क्षेत्र के नियम, वेब पर लागू होते विकलांगता क़ानून, और ज़्यादा से ज़्यादा बाज़ारों में उपभोक्ता ज़रूरतें। हम इंजीनियर हैं, वक़ील नहीं, और हम कोई कानूनी सलाह नहीं देते। जो बात हम साफ़ कह सकते हैं वह यह है: WCAG 2.2 AA के हिसाब से बनी और सत्यापित साइट उसी मानक पर खड़ी है जिसका ये नियम हवाला देते हैं, और जो साइट इसे अनदेखा करती है वह एक ऐसा जोखिम उठा रही है जिसकी क़ीमत आपने कभी आँकी ही नहीं।

यह खोजे जाने से जुड़ी है

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

यह गुणवत्ता का वह संकेत है जो खरीदार महसूस करते हैं

आरामदायक कंट्रास्ट, खुले-खुले टच टार्गेट, कीबोर्ड से चलने वाला पेज, आपकी सेटिंग का सम्मान करती मोशन: विज़िटर इन चीज़ों का नाम शायद ही कभी लें, पर इन्हें परवाह के रूप में महसूस ज़रूर करते हैं। इनकी कमी सस्तेपन जैसी लगती है, ठीक उसी पेज पर जहाँ आप भरोसा माँग रहे हैं।

व्यवहार में

असली पेज पर AA का मतलब क्या है

मानक तब तक अमूर्त लगता है जब तक उसे लागू न किया जाए। हमारी हर साइट में इसका ठोस मतलब यह होता है।

  • दोनों कलर स्कीम में कंट्रास्ट। टेक्स्ट और इंटरफ़ेस के रंग उन्हीं बैकग्राउंड के मुक़ाबले जाँचे जाते हैं जिन पर वे सच में बैठते हैं, डार्क मोड में उतनी ही सख़्ती से जितनी लाइट में। डार्क स्कीम लाइट के साथ ही डिज़ाइन होती है, आख़िर में उलटी नहीं की जाती।
  • पूरी साइट कीबोर्ड से चलती है। सबसे पहला पड़ाव एक स्किप लिंक, हर इंटरैक्टिव एलिमेंट पर दिखता फ़ोकस रिंग, और एक टैब क्रम जो पेज के पढ़ने के क्रम के साथ चलता है।
  • आरामदायक टार्गेट। हर लिंक और बटन हर व्यूपोर्ट पर न्यूनतम टार्गेट साइज़ पार करता है, ताकि फ़ोन पर उँगली वहीं लगे जहाँ उसका निशाना था।
  • मोशन इजाज़त माँगती है। जिस विज़िटर का सिस्टम reduced motion माँगता है, उसके लिए हर एनिमेशन बंद कर दिया जाता है और उसकी जगह एक सोची-समझी स्थिर अवस्था दिखाई जाती है।
  • ढाँचा सिमेंटिक्स पर टिका है। लैंडमार्क, ठीक एक शीर्ष हेडिंग, क्रम में हेडिंग स्तर, लेबल किए हुए फ़ॉर्म फ़ील्ड, और अर्थ रखने वाली हर इमेज पर उसे बताने वाला ऑल्टरनेटिव टेक्स्ट।
  • फ़ॉर्म मददगार तरीके से विफल होते हैं। ज़रूरी फ़ील्ड चिह्नित रहते हैं, त्रुटियाँ सिर्फ़ रंग से नहीं, शब्दों में बताई जाती हैं, और अस्वीकार हुए सबमिशन को चुपचाप गिराने के बजाय एक ईमानदार सफ़ाई मिलती है।
  • ज़ूम पर टेक्स्ट क़ायदे से पेश आता है। विज़िटर के टेक्स्ट बड़ा करने पर लेआउट फिर से बहता है, न कोई कटा हुआ कॉलम, न कोई आड़ी स्क्रॉलिंग।

सत्यापन

हर पेज, हर व्यूपोर्ट, हर स्कीम पर सत्यापित

01

एक ऑटोमेटेड ऑडिट जो डिप्लॉय को नियंत्रित करता है

हर बना हुआ पेज हर बदलाव पर फ़ोन, टैबलेट और डेस्कटॉप चौड़ाई पर, लाइट और डार्क दोनों स्कीम में WCAG 2.2 AA के मुक़ाबले ऑडिट होता है। कोई उल्लंघन ऐसी रिपोर्ट नहीं बनाता जिसे शायद कोई पढ़े; वह बिल्ड को फ़ेल करता है, और फ़ेल हुआ बिल्ड डिप्लॉय नहीं हो सकता। सुगम्यता की चूक विज़िटर तक पहुँचने से पहले ही पकड़ी जाती है।

02

नाप, अंदाज़ा नहीं

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

03

हाथ कीबोर्ड पर भी

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

शुरू से बनी हुई

पैलेट से ही बनी हुई, बाद में जोड़ी नहीं गई

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

वेबसाइट प्रोजेक्ट शुरू करें sales@wwi.dev

मानक के बारे में कुछ भी पूछिए, या हमसे अपनी मौजूदा साइट परखवाइए। हमसे संपर्क फ़ॉर्म के ज़रिए या sales@wwi.dev पर संपर्क करें।