उसे बाद में audit करने की जगह शुरू से design में गूंथिए। रंग चुनते वक्त ही contrast जांचिए (WCAG 2.2 AA के तहत body text के लिए 4.5:1, बड़े text और UI components के लिए 3:1), spec में focus का क्रम और keyboard का बर्ताव लिखिए, engineers के लिए headings, labels और landmarks पर टिप्पणी कीजिए, और target का आकार तथा motion की पसंद शामिल कीजिए। build हो जाने के बाद पीछे से जोड़ना हमेशा ज्यादा महंगा पड़ता है।
इंटरव्यूअर यह क्यों पूछते हैं
accessibility अब बहुत सी जगहों पर कानूनी और खरीद की शर्त है, कोई अच्छी बात भर नहीं, और टीमें ऐसे designers से जल चुकी हैं जो बिना focus states और बिना keyboard की कहानी के mockups थमा देते हैं। इंटरव्यूअर ठोस बातें चाहते हैं: असली अनुपात, आप किस चीज पर टिप्पणी करते हैं, कौन से tools इस्तेमाल करते हैं। बिना किसी आंकड़े के inclusive design पर मोटा उत्साह ऐसे पढ़ा जाता है जैसे किसी ने accessibility के बारे में पढ़ा है, उसे ship नहीं किया।
अपना जवाब कैसे स्ट्रक्चर करें
- contrast और type के आकार की जांच review में नहीं, design के चरण में डालें।
- handoff में keyboard का क्रम, focus states और errors का इंतजाम लिखें।
- अर्थ पर टिप्पणी करें: headings, labels, landmarks, live regions।
- जिन tools और मानकों पर आप काम करते हैं उनका नाम लें।
- done कहने से पहले screen reader और keyboard से जांचें।
उदाहरण जवाब
मैं कोशिश करता हूं कि यह अंत में किया जाने वाला वीरतापूर्ण audit नहीं, बल्कि उबाऊ और रोज का काम बने। जब मैं रंग चुनता हूं तो contrast वहीं जांच लेता हूं, और हमारे tokens अपने साथ पास या फेल लेकर चलते हैं ताकि बाद में किसी को सोचना ही न पड़े। मैं जो भी flow सौंपता हूं उसकी एक keyboard कहानी होती है: tab का क्रम क्या है, modal खुलने पर focus कहां जाता है और बंद होने पर कहां लौटता है, और errors कैसे बोले जाते हैं। मैं ढांचे पर सीधे frames में टिप्पणी करता हूं, यानी heading के स्तर, क्या button है और क्या link, और सिर्फ icon वाले controls का accessible name। आखिरी वाली बहुत सारे bugs पकड़ती है, क्योंकि बिना accessible name वाला icon button सिर्फ button बोला जाता है भले वह देखने में एकदम ठीक लगे। मैं बने हुए संस्करण पर axe चलाता हूं और अपनी machine पर VoiceOver रखता हूं और उसे इस्तेमाल करता हूं, ठीक से नहीं, पर इतना कि साफ दिखने वाली टूटफूट पकड़ में आ जाए। और मैं target का आकार शामिल करता हूं, WCAG 2.2 के तहत कम से कम 24 गुणा 24 CSS pixels, साथ ही जो कुछ भी animate होता है उसके लिए कम motion वाले विकल्प।
जल्दी ही यह इंटरव्यू देने जा रहे हैं? GhostPilot आपकी लाइव कॉल सुनता है, सवाल पूछे जाते ही उसे पकड़ लेता है, और रियल-टाइम में एक स्ट्रक्चर्ड जवाब आपकी स्क्रीन पर डाल देता है। अगले मॉक में इसे आजमाएं, या ले लें एक $29 Session Pass, कोई सब्सक्रिप्शन नहीं, असली इंटरव्यू के लिए।
देखें यह कैसे काम करता हैफॉलो-अप सवाल जिनकी उम्मीद रखें
- किसी disabled control को कौन सा contrast अनुपात चाहिए?
- single page app में focus का इंतजाम कैसे करते हैं?
- अगर engineering कहे कि accessibility के लिए वक्त नहीं है तो आप क्या करेंगे?
UX डिजाइनर के और सवाल
आपका इंटरव्यूअर इसका अपना वर्ज़न पूछेगा। फ्री Question Predictor में अपना असली जॉब डिस्क्रिप्शन पेस्ट कीजिए और वो 20 सवाल पाइए जो उस रोल में सबसे ज्यादा पूछे जाने की संभावना है, साथ में यह भी कि हर सवाल असल में क्या टटोल रहा है।
मेरे सवाल प्रेडिक्ट करें