Windows ऐप सुलभता का परिचय — UI Automation और युक्तियुक्त समायोजन आवश्यकताओं की तैयारी

· · सुलभता, UI Automation, Windows, WinForms, WPF, युक्तियुक्त समायोजन, स्क्रीन रीडर, विकलांगता भेदभाव उन्मूलन अधिनियम, व्यावसायिक ऐप

“मध्य-कैरियर भर्ती जो दृष्टिबाधित हैं, मुख्य आदेश-प्रवेश ऐप स्क्रीन रीडर से उपयोग नहीं कर सकते। वे वेब ब्राउज़र और मेल बिना समस्या उपयोग करते हैं, पर केवल हमारे व्यावसायिक ऐप का पठन सही नहीं चलता। क्या कुछ हो सकता है?” — ग्राहकों के IT विभागों से इस तरह के परामर्श बढ़ रहे हैं।

एक पृष्ठभूमि कानूनी ढाँचा है। विकलांग व्यक्तियों के प्रति भेदभाव उन्मूलन अधिनियम का 2021 संशोधन 1 अप्रैल 2024 से प्रभावी हुआ, और विकलांग व्यक्तियों को “युक्तियुक्त समायोजन देना” व्यवसायों के लिए भी बाध्यता बन गया1 आगे, कर्मचारी–कंपनी संबंध जैसा प्रारंभिक (रोज़गार क्षेत्र) विकलांग व्यक्तियों के रोज़गार संवर्धन अधिनियम का क्षेत्र है, जिसने अप्रैल 2016 से नियोक्ताओं को युक्तियुक्त समायोजन देने के लिए बाध्य किया है।2 यह विचार कि “सुलभता वेबसाइट विषय है और इन-हाउस Windows ऐप से कोई लेना-देना नहीं” अब न कानूनी रूप से टिकता है न व्यवहार में।

दूसरी ओर, विकास फर्श से “पता नहीं क्या करें” ईमानदार जगह है। Windows डेस्कटॉप ऐप की सुलभता पर वेब से कम जानकारी है, और कोई जादुई बाद-का समाधान नहीं। निराशा की भी ज़रूरत नहीं। यदि समझें कि स्क्रीन रीडर ऐप कैसे पढ़ता है (UI Automation) और नाम, कीबोर्ड व रंग की बुनियाद अपनाएँ, व्यावसायिक ऐप की उपयोगिता काफी सुधरती है। और उसमें बहुत कुछ हर उपयोगकर्ता की उत्पादकता बढ़ाता है, विकलांगता हो या न हो।

जापानी व्यावसायिक ऐप डेवलपरों और IT स्टाफ के लिए, यह लेख कानूनी ढाँचे और मानकों की न्यूनतम छँटाई से, UI Automation के तंत्र, WinForms/WPF कार्यान्वयन, कीबोर्ड संचालन, रंग व कंट्रास्ट, और सत्यापन उपकरणों से होते हुए प्राथमिकताएँ तय करने के यथार्थ तरीके तक एक ही प्रवाह में जोड़ता है।

इस लेख का प्रवाहइस लेख की संरचना, कानूनी ढाँचे और मानकों की छँटाई से UI Automation के तंत्र, WinForms और WPF कार्यान्वयन, कीबोर्ड संचालन, रंग व कंट्रास्ट, सत्यापन उपकरणों, और प्राथमिकताएँ तय करने तक क्रम से जोड़ती हैकानूनी ढाँचा और मानक छँटाईUI Automation का तंत्रWinForms/WPF कार्यान्वयनकीबोर्ड संचालनरंग और कंट्रास्टसत्यापन उपकरणप्राथमिकताएँ कैसे तय करें

चित्र 1: यह लेख कानूनी ढाँचे को तंत्र, कार्यान्वयन, सत्यापन और प्राथमिकताओं से एक ही प्रवाह में जोड़ता है।

1. निष्कर्ष पहले

  • युक्तियुक्त समायोजन देना 1 अप्रैल 2024 से व्यवसायों के लिए भी बाध्यता है। जब विकलांग व्यक्ति बाधा हटाने का आशय दर्शाए, अत्यधिक भार न होने वाली सीमा में प्रतिक्रिया चाहिए। रोज़गार क्षेत्र विकलांग व्यक्तियों के रोज़गार संवर्धन अधिनियम के अधीन है, और वह अप्रैल 2016 से नियोक्ता बाध्यता है।12
  • युक्तियुक्त समायोजन “व्यक्तिगत अनुरोध का रचनात्मक संवाद से उत्तर” की प्रक्रिया है; ऐप को पहले से आसान बनाना “पर्यावरण सुधार” (प्रयास-बाध्यता) है। पूर्ण अग्रिम सहायता बाध्यता नहीं; मायने यह है कि संवाद एकतरफा न ठुकराएँ।1
  • सुलभता के तकनीकी मानदंड WCAG (JIS X 8341-3:2016) में केंद्रित हैं। JIS X 8341-3:2016 WCAG 2.0 की समान-सामग्री संगत मानक है, और W3C का WCAG2ICT गैर-वेब सॉफ़्टवेयर पर लागू करने का मार्गदर्शन देता है। डेस्कटॉप ऐप उसी सोच से जाँचा जा सकता है।34
  • स्क्रीन रीडर ऐप को UI Automation (UIA) से पढ़ता है। UIA ट्री पर प्रत्येक तत्व की गुणधर्मियाँ — Name, ControlType आदि — और Invoke, Value, SelectionItem जैसे नियंत्रण पैटर्न घोषणा व संचालन की सामग्री हैं।5
  • जिस बटन का Name खाली हो वह केवल “बटन” घोषित होता है। सर्वोच्च-प्राथमिकता सुधार नामकरण है। WinForms AccessibleName और Label को टैब क्रम से जोड़ना उपयोग करता है; WPF AutomationProperties.Name/LabeledBy।67
  • हर फ़ंक्शन केवल कीबोर्ड से पहुँचना WCAG सफलता मानदंड (2.1.1) है और साथ ही कुशल संचालक की इनपुट गति स्वयं। टैब क्रम, एक्सेस कुंजी और फ़ोकस संकेत रखना हर उपयोगकर्ता की दक्षता से सीधे जुड़ता है।8
  • पाठ कंट्रास्ट अनुपात 4.5:1 या अधिक मार्गदर्शक मानें, और जानकारी केवल रंग से न पहुँचाएँ। कंट्रास्ट थीम (उच्च कंट्रास्ट) में हार्ड-कोड रंगों के बजाय सिस्टम रंगों का सम्मान करें।89
  • सत्यापन को Accessibility Insights for Windows के FastPass और स्क्रीन रीडर से हाथों-हाथ जाँच से जोड़ें। क्योंकि वे एक ही UIA आधार पर हैं, यह काम FlaUI जैसे UI स्वचालित-परीक्षण संपत्तियों के साथ भी परस्पर लाभ देता है।10
  • हर स्क्रीन एक साथ ठीक करने की ज़रूरत नहीं। यथार्थ क्रम है (1) उन स्क्रीनों से जिन्हें वह उपयोगकर्ता उपयोग करता है, (2) नया विकास मानक-अनुरूप, (3) साझा नियंत्रण ठीक कर बग़ल में फैलाएँ।

एक वाक्य में: सुलभता सहायता “UIA ट्री पर सही नाम और संचालन उजागर करना, और कीबोर्ड व रंग की बुनियाद रखना” है।

2. कानूनी ढाँचे और मानकों की छँटाई — “बाध्यता बनी” चीज़ क्या बदली

2.1. विकलांग व्यक्तियों के प्रति भेदभाव उन्मूलन अधिनियम — अप्रैल 2024 से व्यवसाय भी युक्तियुक्त समायोजन देने के लिए बाध्य

विकलांग व्यक्तियों के प्रति भेदभाव उन्मूलन अधिनियम वह कानून है जो प्रशासनिक अंगों और व्यवसायों द्वारा विकलांग व्यक्तियों के “अन्यायपूर्ण भेदभावपूर्ण व्यवहार” को प्रतिबंधित करता है, और “युक्तियुक्त समायोजन देना” अपेक्षित करता है। 2021 (रेइवा 3) संशोधन में व्यवसायों द्वारा युक्तियुक्त समायोजन देना, जो प्रयास-बाध्यता था, बाध्यता बन गया, और संशोधित अधिनियम 1 अप्रैल 2024 (रेइवा 6) से प्रभावी हुआ1

कैबिनेट कार्यालय पत्रक के अनुसार युक्तियुक्त समायोजन देना उस सीमा में प्रतिक्रिया देना है जो अत्यधिक भार न हो, जब विकलांग व्यक्ति आशय दर्शाए कि समाज में बाधा हटाने के लिए कोई प्रतिक्रिया चाहिए। और क्योंकि सामग्री विकलांगता विशेषता, दृश्य और स्थिति से भिन्न होती है, एक “रचनात्मक संवाद” जिसमें विकलांग व्यक्ति और व्यवसाय संवाद जोड़कर प्रतिक्रिया साथ सोचें पर ज़ोर है। रचनात्मक संवाद एकतरफा ठुकराना युक्तियुक्त समायोजन बाध्यता का उल्लंघन बन सकता है, कहा गया है।1

यहाँ दो व्यावहारिक भेद मायने रखते हैं।

  1. “पहले से सब कुछ रखना” वह नहीं जो बाध्यता बनी। अनिर्दिष्ट संख्या के विकलांग व्यक्तियों के लिए अग्रिम सुधार उपाय — नरम पक्ष जैसे मैनुअल समीक्षा और प्रशिक्षण, कठोर पक्ष जैसे सुविधा बाधा-मुक्त बनाना — “पर्यावरण सुधार” कहलाते हैं, और यह प्रयास-बाध्यता है।1 व्यावसायिक ऐप को स्क्रीन रीडर से उपयोग योग्य अवस्था में पहले रखना पर्यावरण-सुधार प्रयास माना जा सकता है। जितना पर्यावरण सुधार आगे बढ़ा, व्यक्तिगत युक्तियुक्त समायोजन का भार उतना हल्का।
  2. रोज़गार क्षेत्र विकलांग व्यक्तियों के प्रति भेदभाव उन्मूलन अधिनियम के अधीन नहीं बल्कि विकलांग व्यक्तियों के रोज़गार संवर्धन अधिनियम के अधीन है। वही पत्रक कहता है कि रोज़गार और काम उस अधिनियम के प्रावधानों का पालन करते हैं।1 और उस अधिनियम के अधीन, अप्रैल 2016 (हेइसेई 28) से प्रभावी संशोधन से, रोज़गार में विकलांगता भेदभाव का निषेध और अत्यधिक भार न होने वाली सीमा में युक्तियुक्त समायोजन देना नियोक्ताओं पर बाध्य है2 प्रारंभिक परामर्श “कर्मचारी व्यावसायिक ऐप उपयोग नहीं कर सकता” वास्तव में 2024 से बहुत पहले बाध्यता के क्षेत्र में रहा है।
युक्तियुक्त समायोजन और पर्यावरण सुधार की स्थितिसामान्य व्यवसाय और विकलांग व्यक्ति का संबंध भेदभाव उन्मूलन अधिनियम के अधीन है, और व्यक्तिगत अनुरोध का रचनात्मक संवाद से उत्तर देकर युक्तियुक्त समायोजन देना अप्रैल 2024 से बाध्यता है; रोज़गार क्षेत्र अप्रैल 2016 से रोज़गार संवर्धन अधिनियम के अधीन नियोक्ता बाध्यता है; ऐप को पहले आसान बनाना पर्यावरण सुधार, प्रयास-बाध्यता हैव्यवसाय + विकलांगतारोज़गार / कामकौन सा दृश्य?भेदभाव अधिनियमरोज़गार अधिनियमसंवाद से अनुरोधसमायोजन देंबाध्यता 2024 सेसमायोजन देंबाध्यता 2016 सेपहले आसान ऐपपर्यावरण सुधारप्रयास-बाध्यता

चित्र 2: शासी अधिनियम दृश्य से बँटता है; युक्तियुक्त समायोजन बाध्यता है, और अग्रिम सुधार पर्यावरण सुधार, प्रयास-बाध्यता है।

व्यक्तिगत मामला कानून में कैसे माना जाए स्थिति पर निर्भर करता है। यह लेख कानूनी व्याख्या में नहीं जाता; जब प्रतिक्रिया माँगी जाए तो अभियंता क्या कर सकता है, उस दृष्टि से आगे बढ़ता है। प्राथमिक स्रोतों के लिए कैबिनेट कार्यालय और स्वास्थ्य, श्रम एवं कल्याण मंत्रालय सामग्री देखें।12

2.2. JIS X 8341-3 और WCAG — “वेब मानदंड” सॉफ़्टवेयर तक भी फैलते हैं

तकनीकी-मानदंड पक्ष JIS X 8341-3:2016 में केंद्रित है। यह मानक ISO/IEC 40500:2012 की संगत मानक है, और मानक का मुख्य भाग W3C के WCAG 2.0 की समान सामग्री है।3 यदि ठोस जानना हो कि “सुलभता सहायता” क्या है, WCAG सफलता मानदंड पढ़ना (अब WCAG 2.1/2.2 में विस्तारित) सबसे छोटा पथ है, और WAIC का जापानी अनुवाद भी प्रकाशित है।8

प्रश्न “क्या WCAG वेब सामग्री का मानदंड है?” उचित है, पर W3C ने WCAG2ICT (Guidance on Applying WCAG 2 to Non-Web Information and Communications Technologies) नामक Group Note में व्यवस्थित किया है WCAG 2.0/2.1/2.2 सफलता मानदंड गैर-वेब दस्तावेज़ों और सॉफ़्टवेयर पर कैसे लागू करें4 यानी “पाठ विकल्प”, “कंट्रास्ट”, “कीबोर्ड संचालन”, और “रंग एकमात्र साधन नहीं” जैसी सोच Windows डेस्कटॉप ऐप पर वेब जैसे ही ढाँचे में लागू हो सकती है। इस लेख के अध्याय 3 से वह सोच ठोस WinForms/WPF कार्यान्वयन में उतरती है।

JIS X 8341-3 और WCAG का संबंधJIS X 8341-3:2016 WCAG 2.0 की समान-सामग्री संगत मानक है, और WCAG2ICT दिखाता है WCAG सफलता मानदंड गैर-वेब सॉफ़्टवेयर पर कैसे लागू करें, इसलिए Windows डेस्कटॉप ऐप उसी ढाँचे में जाँचा जा सकता हैसमान सामग्री की संगत मानकWCAG 2.0(W3C)JIS X 8341-3:2016WCAG2ICTगैर-वेब सॉफ़्टवेयर पर लागूWindows डेस्कटॉप ऐप

चित्र 3: JIS X 8341-3:2016 WCAG 2.0 की संगत मानक है, और WCAG2ICT उन्हीं मानदंडों को डेस्कटॉप ऐप तक बढ़ाता है।

3. सहायक प्रौद्योगिकी ऐप कैसे पढ़ती है — UI Automation की तिकड़ी

3.1. UIA ट्री, गुणधर्मियाँ और नियंत्रण पैटर्न

Windows में UI Automation (UIA) नामक सुलभता आधार बना है। UIA वह तंत्र है जिससे स्क्रीन रीडर जैसी सहायक प्रौद्योगिकी UI जानकारी पाती है और मानक इनपुट के अलावा UI संचालित करती है, और यह ऐप पक्ष (प्रदाता) व सहायक-प्रौद्योगिकी पक्ष (क्लाइंट) के बीच मध्यस्थता करता है।5

UIA की दुनिया निम्न तिकड़ी से समझी जा सकती है।5

तत्व भूमिका प्रतिनिधि उदाहरण
UIA ट्री ट्री जो डेस्कटॉप को मूल मानकर विंडो → नियंत्रण तक चलती है। सहायक प्रौद्योगिकी UI समझने यह ट्री चलती है विंडो, फलक, बटन, संपादन बॉक्स
गुणधर्मियाँ मान जो प्रत्येक तत्व की प्रकृति दर्शाते हैं Name (उद्देश्य), ControlType (प्रकार), AutomationId (पहचानकर्ता), IsEnabled, IsKeyboardFocusable
नियंत्रण पैटर्न प्रति प्रकार “क्या संचालन हो सकते हैं” की शब्दावली Invoke (दबाएँ), Value (मान पढ़ें/लिखें), SelectionItem (चुनें), Toggle (चालू/बंद), ExpandCollapse (फैलाएँ/समेटें)

जब स्क्रीन रीडर बटन पर फ़ोकस करता है, घोषणा “आदेश पुष्टि करें बटन” मोटे तौर पर Name + नियंत्रण प्रकार का संयोजन है। जब उपयोगकर्ता “निष्पादित” संचालन करे, सहायक प्रौद्योगिकी Invoke पैटर्न से वह बटन दबाती है। यानी यदि Name और पैटर्न सही उजागर हों तो पढ़ा और संचालित हो सकता है; यदि न हों, स्क्रीन पर दिखने पर भी यह न होने के बराबर है

UI Automation की तिकड़ीऐप प्रदाता के रूप में UIA ट्री पर प्रत्येक तत्व की गुणधर्मियाँ और नियंत्रण पैटर्न उजागर करता है; स्क्रीन रीडर क्लाइंट के रूप में Name और ControlType घोषित करता है और Invoke जैसे पैटर्न से संचालित करता हैघोषित करता हैसंचालित करता हैऐप(प्रदाता)UIA ट्रीगुणधर्मियाँ(Name, ControlType आदि)पैटर्न(Invoke, Value आदि)स्क्रीन रीडर(क्लाइंट)

चित्र 4: स्क्रीन रीडर ऐप द्वारा UIA ट्री पर उजागर गुणधर्मियों और पैटर्नों का उपयोग घोषणा व संचालन के लिए करता है।

3.2. स्क्रीन रीडर एक UIA क्लाइंट है

Windows पर मुख्य स्क्रीन रीडरों में Windows-निर्मित Narrator; निःशुल्क ओपन-सोर्स NVDA;11 और जापान में व्यापक व्यावसायिक PC-Talker शामिल हैं। घोषणा शैली भिन्न है, पर डेस्कटॉप ऐप UI पढ़ने का प्राथमिक पथ हर मामले में UIA है। इसलिए ऐप-पक्ष प्रतिक्रिया “किसी विशेष स्क्रीन रीडर का समर्थन” नहीं बल्कि UIA को सही जानकारी उजागर करने पर केंद्रित है।

मुख्य स्क्रीन रीडरों का साझा पथयदि ऐप UIA को सही जानकारी उजागर करे, Narrator, NVDA और PC-Talker सभी उसी पथ से UI पढ़ सकते हैं, इसलिए ऐप-पक्ष प्रतिक्रिया किसी विशेष स्क्रीन रीडर पर नहीं बल्कि UIA उजागर करने पर केंद्रित हैजानकारी उजागरऐपUI Automation(UIA)NarratorNVDAPC-Talkerप्रतिक्रिया UIA उजागर करने पर केंद्रित

चित्र 5: मुख्य स्क्रीन रीडर सभी UIA को पथ मानते हैं, इसलिए ऐप की प्रतिक्रिया UIA उजागर करने पर केंद्रित है।

3.3. “खाली Name वाला बटन” किस रूप में घोषित होता है?

एक ठोस उदाहरण। मानें टूलबार में सेव बटन केवल फ्लॉपी-डिस्क आइकन दिखाता है। दृष्टि वाले उपयोगकर्ता को आइकन अर्थ देता है, पर यदि Name खाली छोड़ा गया, स्क्रीन रीडर इस बटन को केवल “बटन” घोषित करता है। यदि पड़ोसी “खोलें” और “छापें” वही हों, उपयोगकर्ता केवल “बटन, बटन, बटन” सुनता है और नहीं जान सकता कौन सा कौन सा है। Microsoft की सुलभता-सुधार मार्गदर्शिका भी बिना Name बटन, और केवल “Image” घोषित चित्र, को प्रतिनिधि समस्याएँ मानती है जो उपयोगकर्ता का काम रोकती हैं।7

सौभाग्य से WinForms और WPF दोनों मानक नियंत्रणों में UIA सहायता शुरू से है, और कई मामलों में Name पाठ या लेबल से स्वतः तय होता है। जो टूटता है वह आमतौर पर (1) केवल आइकन, नाम की सामग्री नहीं, (2) लेबल से कोई संबंध नहीं, या (3) कस्टम ड्रॉइंग जो UIA ट्री पर जानकारी नहीं रखती, में से एक है। अगले दो अध्याय प्रति फ्रेमवर्क सुधार देखते हैं।

घोषणा टूटने के तीन विशिष्ट तरीकेघोषणा तब टूटती है जब केवल आइकन होने से नाम की सामग्री नहीं, जब लेबल से संबंध नहीं, या जब कस्टम ड्रॉइंग UIA ट्री पर जानकारी नहीं रखती, और अंततः केवल बटन घोषित होती हैकेवल आइकन, सामग्री नहींName खाली हो जाता हैलेबल से संबंध नहींकस्टम ड्रॉइंग जानकारी नहीं देतीकेवल बटन घोषित

चित्र 6: घोषणा टूटना आमतौर पर तीन पैटर्नों में आता है: नाम सामग्री अपर्याप्त, संबंध अपर्याप्त, या कस्टम ड्रॉइंग।

4. WinForms में कार्यान्वयन — AccessibleName और टैब क्रम

4.1. नियंत्रण जिनका Text स्वतः Name बनता है, और जिनका नहीं

WinForms में पाठ दिखाने वाला नियंत्रण, जैसे Button या CheckBox, Text गुण का मान UIA Name के रूप में उपयोग करता है। दूसरी ओर ComboBox, ListBox, ListView, PictureBox, ProgressBar, TabControl, TextBox, TreeView आदि Text को Name नहीं बनाते। इन्हें नाम किसी अन्य साधन से चाहिए।6

सबसे रखरखाव-योग्य तरीका लक्ष्य नियंत्रण के ठीक पहले टैब क्रम में वर्णनात्मक Label रखना है। यदि लक्ष्य नियंत्रण का TabIndex Label के TabIndex के ठीक बाद आए, वह Label पाठ स्वतः UIA Name बनता है। स्क्रीन पर दिखने वाला लेबल और घोषणा मेल खाते हैं, और शब्द दो बार सँभालने नहीं पड़ते।612

यदि Label न रख सकें, AccessibleName स्पष्ट सेट करें। पूरक व्याख्या चाहिए तो AccessibleDescription, और भूमिका रूप से भिन्न हो तो AccessibleRole भी सेट कर सकते हैं।13

WinForms नियंत्रण का नाम कैसे तय होता हैButton आदि के लिए Text ज्यों-का-त्यों UIA Name बनता है; TextBox जैसे नियंत्रणों जिनका Text पुनः उपयोग नहीं होता, ठीक पहले टैब क्रम के Label का पाठ उपयोग होता है; Label न रख सकें तो AccessibleName स्पष्ट सेट करेंहाँनहींहाँनहींनियंत्रणक्या ऐसा प्रकार जिसका Text Name बने?Text ज्यों का त्यों Nameठीक पहले टैब क्रम में Label?Label का पाठ Name बनता हैAccessibleName स्पष्ट सेट करें

चित्र 7: WinForms Name के लिए निर्णय क्रम Text, ठीक पहले टैब क्रम का Label, AccessibleName है।

// An icon-only toolbar button: state the name for announcement explicitly
saveToolStripButton.AccessibleName = "Save";

// An image-only button: name + a supplementary explanation
btnSearchCustomer.AccessibleName = "Search customer";
btnSearchCustomer.AccessibleDescription = "Search the customer master by customer code or name";

// Set it directly on an input field where you cannot place a Label in the immediately preceding tab order
txtOrderNo.AccessibleName = "Order number";

// A PictureBox reused as a chart display: match the role to the reality as well
pictureBoxChart.AccessibleRole = AccessibleRole.Chart;
pictureBoxChart.AccessibleName = "Monthly order-count chart";

चेतावनी: यदि Visual Studio के Properties फलक में AccessibleName एक बार सेट कर फिर साफ़ करें, डिज़ाइनर फ़ाइल में खाली-स्ट्रिंग सेटिंग रह सकती है और डिफ़ॉल्ट नाम समाधान में बाधा डालती है। डिज़ाइनर फ़ाइल से संगत पंक्ति हटाएँ।6

खाली-स्ट्रिंग AccessibleName के रह जाने की समस्याProperties फलक में AccessibleName एक बार सेट कर साफ़ करने पर डिज़ाइनर फ़ाइल में खाली-स्ट्रिंग सेटिंग रह जाती है और डिफ़ॉल्ट नाम समाधान में बाधा डालती है, इसलिए डिज़ाइनर फ़ाइल से संगत पंक्ति हटाकर ठीक करेंAccessibleName सेट करेंProperties फलक में साफ़ करेंखाली-स्ट्रिंग सेटिंग रह जाती हैडिफ़ॉल्ट नाम समाधान में बाधाडिज़ाइनर फ़ाइल से संगत पंक्ति हटाएँ

चित्र 8: Properties फलक में साफ़ करने पर भी खाली स्ट्रिंग रहती है, इसलिए डिज़ाइनर फ़ाइल से संगत पंक्ति हटाकर ठीक करें।

4.2. आदेश-प्रवेश स्क्रीन पर सामान्य सुधार

व्यावसायिक ऐप में जो स्थान हम वास्तव में अक्सर ठीक करते हैं, चेकलिस्ट के रूप में सार हैं।

सामान्य अवस्था समस्या कैसे ठीक करें
केवल-आइकन ToolStripButton केवल “बटन” घोषित AccessibleName सेट करें
TextBox के पास Label है पर टैब क्रम बिखरा इनपुट फ़ील्ड का नाम खाली, या असंबंधित नाम इनपुट फ़ील्ड Label के TabIndex के ठीक बाद रखें
PictureBox Click से बटन की तरह भूमिका बटन नहीं पहुँचती, कीबोर्ड से नहीं दबता Button से बदलें, या AccessibleRole/AccessibleName प्लस कीबोर्ड सहायता
DataGridView स्तंभ शीर्ष खाली या केवल प्रतीक सेल घोषित होने पर स्तंभ का अर्थ अस्पष्ट HeaderText पर अर्थपूर्ण स्तंभ नाम सेट करें
सामग्री समूह के लिए केवल Panel, शीर्षक चित्र कौन सा इनपुट समूह है पता नहीं GroupBox उपयोग करें, या शीर्षक Label बनाएँ

प्रत्येक कुछ पंक्तियों का सुधार है, पर स्क्रीन-रीडर उपयोगकर्ता के लिए यह “अनुपयोगी स्क्रीन” और “उपयोग योग्य स्क्रीन” का द्वार है।

5. WPF में कार्यान्वयन — AutomationProperties और AutomationPeer

5.1. AutomationProperties.Name / LabeledBy / HelpText

WPF में जिसका Content स्ट्रिंग हो, जैसे Button, वह सामग्री UIA Name बनती है। केवल-आइकन बटन (Image या Path) में Name की सामग्री नहीं, इसलिए AutomationProperties.Name से बताएँ, या पास प्रदर्शन पाठ हो तो AutomationProperties.LabeledBy से जोड़ें।7

TextBox की महत्वपूर्ण चेतावनी है। TextBlock का Text Name के रूप में पुनः उपयोग होता है, पर TextBox का Text UIA Value गुण पक्ष पर उजागर होता है और Name नहीं बनता। इनपुट फ़ील्ड के लिए प्रदर्शन-लेबल TextBlock को LabeledBy से जोड़ना पहला उम्मीदवार है। घोषणा और ऑन-स्क्रीन प्रदर्शन मेल खाते हैं, और शब्द दो बार सँभालने से बचते हैं।14

<!-- An input field: associate the display label with LabeledBy -->
<TextBlock x:Name="OrderNoLabel" Text="Order number" />
<TextBox
    AutomationProperties.LabeledBy="{Binding ElementName=OrderNoLabel}"
    AutomationProperties.AutomationId="OrderNoTextBox" />

<!-- An icon-only button: state the name, and a supplement if needed -->
<Button
    AutomationProperties.Name="Confirm order"
    AutomationProperties.HelpText="Confirm the order being entered and allocate inventory">
    <Path Data="{StaticResource CheckIconGeometry}" Width="16" Height="16" />
</Button>
WPF नियंत्रण का नाम कैसे तय होता हैजिसका Content स्ट्रिंग हो वह सामग्री Name बनती है; अन्यथा पास प्रदर्शन लेबल को LabeledBy से जोड़ना पहला उम्मीदवार है; वह भी न हो तो AutomationProperties.Name बताएँ; TextBox का Text Value पक्ष पर उजागर होता है, Name नहींहाँनहींहाँनहींनियंत्रणक्या Content स्ट्रिंग है?सामग्री Name बनती हैपास प्रदर्शन लेबल?LabeledBy से जोड़ेंName स्पष्ट सेट करेंTextBox का TextValue के रूप में उजागर, Name नहीं

चित्र 9: WPF Name के लिए निर्णय क्रम Content स्ट्रिंग, LabeledBy, स्पष्ट सेटिंग है; TextBox का Text Name नहीं बनता।

Name में न समा पूरक जानकारी AutomationProperties.HelpText से उजागर हो सकती है।7 साथ ही AutomationId UI स्वचालित परीक्षण में तत्व पहचान का पहचानकर्ता है, इसलिए स्क्रीन-डिज़ाइन समय नामकरण सम्मेलन तय करना बाद में लाभ देता है (गहराई से “Windows डेस्कटॉप ऐप के लिए UI स्वचालित परीक्षण”)।

5.2. कस्टम नियंत्रण को AutomationPeer चाहिए

स्वयं खींचा कस्टम नियंत्रण ज्यों-का-त्यों UIA ट्री पर अर्थपूर्ण जानकारी उजागर नहीं कर सकता। WPF में UIElement-व्युत्पन्न वर्ग पर OnCreateAutomationPeer ओवरराइड करें और AutomationPeer-व्युत्पन्न वर्ग लौटाकर नाम, प्रकार और पैटर्न उजागर करें। यदि मौजूदा नियंत्रण से विरासत ले रहे हों, संगत Peer (ButtonBase के लिए ButtonBaseAutomationPeer) विरासत में लेने से पहले से लागू व्यवहार मिलता है।15

AutomationPeer से जानकारी कैसे उजागर होती हैकस्टम नियंत्रण OnCreateAutomationPeer ओवरराइड कर AutomationPeer-व्युत्पन्न वर्ग लौटाकर नाम, प्रकार और पैटर्न उजागर करता है; मौजूदा नियंत्रण से विरासत हों तो संगत Peer विरासत में लेकर पहले से लागू व्यवहार लेंकस्टम नियंत्रणOnCreateAutomationPeerPeer-व्युत्पन्न वर्ग लौटाएँनाम, प्रकार और पैटर्न उजागरमौजूदा नियंत्रण से विरासतसंगत Peer विरासत में लेंपहले से लागू व्यवहार लें

चित्र 10: कस्टम नियंत्रण OnCreateAutomationPeer से Peer लौटाता है और UIA को जानकारी उजागर करता है।

// An example of a control that custom-draws line status as a coloured lamp
public class StatusLamp : Control
{
    public static readonly DependencyProperty IsOnlineProperty =
        DependencyProperty.Register(nameof(IsOnline), typeof(bool), typeof(StatusLamp),
            new FrameworkPropertyMetadata(false,
                FrameworkPropertyMetadataOptions.AffectsRender, OnIsOnlineChanged));

    public bool IsOnline
    {
        get => (bool)GetValue(IsOnlineProperty);
        set => SetValue(IsOnlineProperty, value);
    }

    internal static string NameFor(bool isOnline)
        => isOnline ? "Line status: online" : "Line status: offline";

    private static void OnIsOnlineChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        // Raise a UIA property-changed event the moment the value changes. Without this,
        // a screen reader keeps the old name and cannot notice the change of state
        if (UIElementAutomationPeer.FromElement((UIElement)d) is AutomationPeer peer)
        {
            peer.RaisePropertyChangedEvent(
                AutomationElementIdentifiers.NameProperty,
                NameFor((bool)e.OldValue), NameFor((bool)e.NewValue));
        }
    }

    protected override AutomationPeer OnCreateAutomationPeer()
        => new StatusLampAutomationPeer(this);
}

public class StatusLampAutomationPeer : FrameworkElementAutomationPeer
{
    public StatusLampAutomationPeer(StatusLamp owner) : base(owner) { }

    protected override AutomationControlType GetAutomationControlTypeCore()
        => AutomationControlType.Text; // Text-equivalent if it is a status display with no operation

    protected override string GetNameCore()
        => StatusLamp.NameFor(((StatusLamp)Owner).IsOnline);
}

नाम लौटाना पर्याप्त नहीं; बदलते ही इवेंट से बताना भी Peer का काम है। सहायक प्रौद्योगिकी का मान दोबारा लाने का अपना समय नहीं, इसलिए जो कार्यान्वयन परिवर्तन इवेंट नहीं उठाता वह “फिर पूछे जाने पर ही सही” अवस्था में है, और स्क्रीन-रीडर उपयोगकर्ता को अवस्था परिवर्तन नहीं बताया जाता।

स्क्रीन रीडर को अवस्था परिवर्तन बताने का प्रवाहनियंत्रण का मान बदलते ही AutomationPeer Name गुण-परिवर्तन इवेंट उठाता है; सहायक प्रौद्योगिकी स्वयं दोबारा नहीं लाती, इसलिए बिना इवेंट पुराने नाम पर रहती है और परिवर्तन नहीं देखतीस्क्रीन रीडरAutomationPeerनियंत्रणस्क्रीन रीडरAutomationPeerनियंत्रणबिना इवेंट पुराने नाम पर रहता हैIsOnline मान बदलता हैName गुण-परिवर्तन इवेंट उठाएँनई अवस्था घोषित करें

चित्र 11: मान परिवर्तन स्क्रीन रीडर तक तभी पहुँचता है जब AutomationPeer उसे परिवर्तन इवेंट से बताए।

यदि कस्टम नियंत्रण में संचालन हो (दब सके, मान बदल सके, चुना जा सके), GetPattern ओवरराइड कर IInvokeProvider या IRangeValueProvider जैसी पैटर्न इंटरफ़ेस दें।15 बिंदु यह है कि यदि Peer भी साझा-नियंत्रण-लाइब्रेरी पक्ष पर बनाएँ, उसका उपयोग करने वाली हर स्क्रीन स्वतः समर्थित हो जाती है। वही अध्याय 9 के “बग़ल में फैलाना” की नींव है।

6. क्या हर फ़ंक्शन केवल कीबोर्ड से पहुँचा जा सकता है?

WCAG सफलता मानदंड 2.1.1 (Keyboard) अपेक्षा करता है कि सामग्री की सभी कार्यक्षमता कीबोर्ड इंटरफ़ेस से संचालित हो।8 स्क्रीन-रीडर उपयोगकर्ता सिद्धांततः माउस नहीं उपयोग करता, इसलिए कीबोर्ड से न पहुँचने वाला फ़ंक्शन न होने के बराबर है। जाँच दृष्टियाँ निम्न हैं।

दृष्टि क्या पुष्टि करें WinForms / WPF में मुख्य साधन
टैब क्रम क्या Tab-कुंजी गति क्रम दृश्य क्रम (ऊपर-बाएँ → नीचे-दाएँ) से मेल खाता है? TabIndex सजाना, TabStop सेट करना
एक्सेस कुंजी क्या Alt+अक्षर से मुख्य मद पर सीधे जा सकते हैं? WinForms में Text में &; WPF में हेडर में _
शॉर्टकट क्या बारंबार संचालन (सेव, खोज, पुष्टि) की स्वतंत्र कुंजी है? Ctrl+S आदि सौंपना, मेनू पर दिखाना
फ़ोकस संकेत क्या आँखों से देख सकते हैं फ़ोकस अब कहाँ है? फ़ोकस आयत न हटाएँ; कस्टम-ड्रॉ पर स्वयं खींचें
केवल-माउस फ़ंक्शन क्या कोई फ़ंक्शन केवल डबल-क्लिक, राइट-क्लिक, खींचें या होवर से? वही फ़ंक्शन मेनू या कुंजी से भी दें
संवाद क्या Enter = डिफ़ॉल्ट बटन और Esc = रद्द काम करते हैं? AcceptButton/CancelButton, IsDefault/IsCancel

WinForms सुलभता वॉकथ्रू भी बुनियाद के रूप में इनपुट फ़ील्ड के ठीक पहले टैब क्रम में लेबल रखना, और जिन नियंत्रणों व मेनू पर उपयोगकर्ता जाना चाहे उन पर एक्सेस कुंजी रखना सूचीबद्ध करता है।12

जो ज़ोर देना चाहते हैं वह यह कि यह “विकलांगता सहायता की अतिरिक्त लागत” नहीं। आदेश प्रवेश जैसी नियमित नौकरी में, होम पोज़िशन से हाथ हटाए बिना इनपुट पूरा कर पाना ही संचालक की थ्रूपुट तय करता है। अव्यवस्थित टैब क्रम या माउस-आवश्यक संचालन वह दोष है जो हर उपयोगकर्ता की उत्पादकता हर दिन थोड़ी काटता है। सुलभता सहायता और कीबोर्ड दक्षता एक ही काम के दो नाम हैं (उपयोग वातावरण अनुसार प्राथमिकताओं के लिए “Windows ऐप UX डिज़ाइन” भी देखें)।

कीबोर्ड सजाने का दोहरा प्रभावटैब क्रम, एक्सेस कुंजी और फ़ोकस संकेत सजाना एक साथ दो प्रभाव देता है — सहायक-प्रौद्योगिकी उपयोगकर्ता फ़ंक्शन तक पहुँचता है, और हर संचालक की इनपुट गति — और केवल माउस से उपयोग योग्य फ़ंक्शन न होने के बराबर हैकीबोर्ड सजाएँसहायक-टेक उपयोगकर्ताहर संचालक की गतिकेवल-माउस फ़ंक्शनन होने के बराबर

चित्र 12: कीबोर्ड संचालन सजाना सहायक-प्रौद्योगिकी सहायता और हर उपयोगकर्ता की दक्षता एक साथ साकार करता है; केवल-माउस फ़ंक्शन न होने के बराबर है।

7. रंग और कंट्रास्ट — 4.5:1 और “रंग एकमात्र साधन नहीं”

7.1. कंट्रास्ट अनुपात का मार्गदर्शक 4.5:1 है

WCAG सफलता मानदंड 1.4.3 (Contrast (Minimum)) पाठ और पाठ की छवियों के लिए कम से कम 4.5:1 कंट्रास्ट अनुपात, और बड़े पाठ के लिए कम से कम 3:1 अपेक्षित करता है।8 सफ़ेद पृष्ठभूमि पर हल्का-धूसर पाठ रखने वाला आधुनिक डिज़ाइन इस मानदंड से नीचे गिरना दुर्लभ नहीं। व्यावसायिक ऐप उपयोगकर्ताओं में वे शामिल हैं जिनकी दृष्टि और रंग दृष्टि उम्र से बदली, और जो कारखाने जैसी कम रोशनी में उपयोग करते हैं। डिज़ाइन समीक्षा पर कंट्रास्ट चेकर से मापने की आदत डालें।

7.2. जानकारी केवल रंग से न पहुँचाएँ

सफलता मानदंड 1.4.1 (Use of Color) है कि रंग जानकारी पहुँचाने का एकमात्र दृश्य साधन नहीं होना चाहिए।8 व्यावसायिक ऐप में विशिष्ट उदाहरण निम्न हैं।

  • त्रुटि पंक्ति केवल लाल पाठ में दिखाना → त्रुटि आइकन और संदेश स्तंभ भी दें
  • आवश्यक फ़ील्ड केवल लेबल रंग से दिखाना → “*” या शब्द “आवश्यक” जोड़ें
  • स्थिति केवल लैंप रंग से दिखाना → रंग + आकार, या शब्द (“चल रहा”, “रुका”)

रंग दृष्टि की विविधता देखते यह भी “विशेष प्रतिक्रिया” नहीं बल्कि प्रदर्शन डिज़ाइन की बुनियाद है।

केवल रंग से पहुँचाई जानकारी का प्रतिस्थापनकेवल लाल पाठ में त्रुटि दिखाने वाले प्रदर्शन को त्रुटि आइकन प्लस संदेश स्तंभ से बदला जाता है; केवल लेबल रंग से आवश्यक दिखाने को शब्द आवश्यक जोड़कर; केवल लैंप रंग से स्थिति को आकार या शब्द से जोड़करकेवल लाल पाठ में त्रुटिआइकन और शब्द भी देंकेवल लेबल रंग से आवश्यकशब्द आवश्यक जोड़ेंकेवल लैंप रंग से स्थितिरंग को आकार या शब्द से जोड़ें

चित्र 13: केवल रंग से पहुँचाने के विशिष्ट उदाहरण आइकन, शब्द, और आकार या पाठ जोड़कर बदले जाते हैं।

7.3. कंट्रास्ट थीम (उच्च कंट्रास्ट) का पालन

Windows में कंट्रास्ट थीम (पूर्व उच्च कंट्रास्ट) हैं जो अग्रभूमि और पृष्ठभूमि के मज़बूत अलगाव वाली रंग योजना पर स्विच करती हैं; उपयोगकर्ता अंतर्निर्मित थीमें चुन और संपादित कर सकता है जो कंट्रास्ट अनुपात सामान्यतः 7:1 या अधिक रखने के लिए डिज़ाइन हैं।9 ऐप पक्ष का सिद्धांत सरल है: रंग हार्ड-कोड न करें; सिस्टम रंगों का सम्मान करें

  • WinForms: यदि ForeColor/BackColor डिफ़ॉल्ट पर छोड़ें, उपयोगकर्ता की रंग सेटिंग उपयोग होती है। जहाँ अपना रंग लगाया हो, SystemInformation.HighContrast से जानें, SystemColors-आधारित योजना पर स्विच करें, और UserPreferenceChanged इवेंट से सेटिंग परिवर्तन का पालन करें।12
  • WPF/WinUI: यदि SystemColors-वर्ग संसाधन संदर्भित करें, थीम स्विच का पालन होता है। जहाँ अपना ब्रश भरा हो वह टूटने का कारण बनता है।9
कंट्रास्ट थीम का पालनजहाँ रंग हार्ड-कोड हो वहाँ कंट्रास्ट थीम स्विच पर योजना टूटती है, इसलिए SystemColors-आधारित योजना पर स्विच करें और सेटिंग-परिवर्तन इवेंट से पालन करें; सिस्टम रंग संदर्भित करें तो उपयोगकर्ता के रंग स्वतः पालन होते हैंहार्ड-कोडसिस्टम-रंग संदर्भकंट्रास्ट थीम पर स्विचरंग कैसे निर्दिष्ट?रंग योजना टूटती हैउपयोगकर्ता रंगों का स्वतः पालनSystemColors पर स्विचसेटिंग-परिवर्तन इवेंट से पालन

चित्र 14: केवल जहाँ रंग हार्ड-कोड हो वहाँ कंट्रास्ट थीम में टूटता है; सिस्टम-रंग संदर्भ स्वतः पालन करता है।

साथ ही, कम दृष्टि वाला उपयोगकर्ता अक्सर उच्च OS आवर्धन (DPI स्केलिंग) उपयोग करता है, इसलिए उच्च-DPI सहायता भी सुलभता सहायता का हिस्सा है। ऐप जिसका लेआउट 125%–200% पर टूटे उस बिंदु पर अनुपयोगी है। विवरण के लिए “WinForms में उच्च-DPI सहायता” और “WPF उच्च-DPI सहायता” देखें।

8. व्यवहार में सत्यापन — Accessibility Insights और स्क्रीन-रीडर हाथों-हाथ जाँच

8.1. Accessibility Insights for Windows

Microsoft Windows ऐप के लिए सुलभता सत्यापन उपकरण के रूप में Accessibility Insights for Windows देता है, तीन मुख्य उपयोगों के साथ।10

  • Live Inspect: तत्व पर माउस होवर करें या कीबोर्ड-फ़ोकस करें, और उसकी UIA गुणधर्मियाँ (Name, ControlType, पैटर्न आदि) पुष्टि कर सकते हैं। “इस बटन का Name क्या है” देखने का सबसे छोटा साधन।
  • FastPass: पाँच मिनट से कम में उच्च-प्रभाव सुलभता समस्याएँ पकड़ने वाली हल्की जाँच। गायब Name जैसी यांत्रिक रूप से निर्णित समस्याएँ प्रति नई स्क्रीन सूचीबद्ध हो सकती हैं।
  • Troubleshooting: विशेष समस्या के निदान और सुधार में सहायता। पकड़ी समस्या से इस लेख में उद्धृत प्रति-फ्रेमवर्क सुधार मार्गदर्शिकाओं तक सीधे चल सकते हैं।

Windows SDK में शामिल Inspect.exe और AccEvent भी UIA ट्री और गुणधर्मियाँ पुष्टि कर सकते हैं, पर वे विरासत उपकरण माने जाते हैं, और अब Accessibility Insights पर जाना अनुशंसित है।10

Accessibility Insights के तीन उपयोगAccessibility Insights for Windows Live Inspect से UIA गुणधर्मियाँ पुष्टि, FastPass से उच्च-प्रभाव समस्याओं की हल्की जाँच, और Troubleshooting से निदान व सुधार सहायता देता है; Inspect.exe जैसे विरासत उपकरणों से जाना अनुशंसित हैजाना अनुशंसितAccessibility InsightsLive InspectFastPassTroubleshootingUIA गुणधर्मियाँ पुष्टिउच्च-प्रभाव समस्याएँ पकड़ेंनिदान और सुधार सहायताInspect.exe आदि

चित्र 15: Accessibility Insights के तीन उपयोग पुष्टि, पकड़ना और निदान हैं, और विरासत उपकरणों से जाने का गंतव्य है।

8.2. स्क्रीन रीडर से हाथों-हाथ जाँच

उपकरण की स्वचालित जाँच केवल यांत्रिक रूप से निर्णित समस्याएँ पकड़ सकती है। अंत में, हमेशा स्क्रीन रीडर से वास्तविक व्यावसायिक संचालन चलाएँ। Windows-निर्मित Narrator Ctrl+Windows कुंजी+Enter से तुरंत शुरू होता है, और NVDA निःशुल्क लाया जा सकता है।11 जाँच की तरकीब स्क्रीन देखे बिना (या डिस्प्ले बंद) केवल घोषणा पर भरोसा कर यह आज़माना है कि “एक आदेश दर्ज कर पुष्टि करें” जैसा वास्तविक कार्य पूरा हो सकता है या नहीं। नाम होते हुए भी घोषणा क्रम असंगत होना, या फ़ोकस का मोडल से बाहर निकलना, केवल हाथों-हाथ मिलता है।

उपकरण सत्यापन और हाथों-हाथ जाँच का संयोजनFastPass जैसी स्वचालित जाँच केवल यांत्रिक रूप से निर्णित समस्याएँ पकड़ सकती है; शेष हाथों-हाथ स्क्रीन रीडर से वास्तविक व्यावसायिक संचालन चलाकर घोषणा-क्रम और फ़ोकस समस्याएँ खोजकर मिलता हैउपकरण की स्वचालित जाँचयांत्रिक रूप से निर्णित समस्याएँन पकड़ी समस्याएँ रहती हैंस्क्रीन रीडर से हाथों-हाथ जाँचव्यावसायिक संचालन चलाएँघोषणा-क्रम और फ़ोकस समस्याएँ

चित्र 16: स्वचालित जाँच से यांत्रिक समस्याएँ सूचीबद्ध करें, और शेष स्क्रीन रीडर से हाथों-हाथ खोजें।

8.3. विकास प्रवाह में बनाना, और UI स्वचालित परीक्षण से परस्पर लाभ

सत्यापन व्यक्ति-निर्भर न रहे, इसके लिए नई स्क्रीन की समीक्षा मदों में निम्न चेकलिस्ट जोड़ने की सलाह है।

# जाँच मद साधन
1 FastPass शून्य त्रुटि Accessibility Insights
2 हर इनपुट फ़ील्ड और बटन का Name है Live Inspect
3 केवल Tab कुंजी से हर फ़ंक्शन पहुँचा जा सकता है हाथ से
4 Enter/Esc और मुख्य शॉर्टकट काम करते हैं हाथ से
5 पाठ कंट्रास्ट अनुपात 4.5:1 या अधिक कंट्रास्ट चेकर
6 कंट्रास्ट थीम में नहीं टूटता थीम स्विच कर दृष्टि से जाँचें
7 200% स्केलिंग पर नहीं टूटता डिस्प्ले सेटिंग बदल कर दृष्टि से जाँचें
8 स्क्रीन रीडर से प्रतिनिधि कार्य पूरा हो सकता है Narrator/NVDA

और एक और। FlaUI आदि से UI स्वचालित परीक्षण उसी UIA पर बना है जिसका स्क्रीन रीडर उपयोग करते हैं। सुलभता के लिए रखे Name और पैटर्न परीक्षण कोड के भाग बनते हैं, और परीक्षणों के लिए डिज़ाइन किया AutomationId Live Inspect में डिबगिंग आसान करता है। इसके विपरीत UIA ट्री में न दिखने वाला UI परीक्षणों और सहायक प्रौद्योगिकी दोनों के लिए अदृश्य है। सुलभता और परीक्षणीयता एक ही निवेश के दो पहलू हैं (“Windows डेस्कटॉप ऐप के लिए UI स्वचालित परीक्षण”)।

सुलभता और UI स्वचालित परीक्षण का परस्पर लाभस्क्रीन रीडर और FlaUI जैसा UI स्वचालित परीक्षण एक ही UIA पर बने हैं, इसलिए रखे Name और पैटर्न दोनों से उपयोग हो सकते हैं, और UIA ट्री में न दिखने वाला UI दोनों से अदृश्य हैUIA ट्री सजानास्क्रीन रीडर पढ़ सकता हैUI स्वचालित परीक्षण में उपयोगएक ही निवेश के दो पहलूUIA में न दिखने वाला UIदोनों से अदृश्य

चित्र 17: एक ही UIA आधार पर होने से UIA ट्री सजाना सहायक प्रौद्योगिकी और UI स्वचालित परीक्षण दोनों को लाभ देता है।

9. प्राथमिकताएँ कैसे तय करें — हर स्क्रीन एक साथ न ठीक करें

सैकड़ों स्क्रीन की कोर प्रणाली एक साथ ठीक करना लागत और गुणवत्ता दोनों में अयथार्थ है। जो दृष्टिकोण हम सुझाते हैं वह निम्न तीन स्तर हैं।

  1. उन स्क्रीनों से ठीक करें जिन्हें वह उपयोगकर्ता नौकरी में उपयोग करता है। युक्तियुक्त समायोजन संबंधित व्यक्ति के अनुरोध का व्यक्तिगत उत्तर देने की प्रक्रिया है।1 पहले व्यक्ति को स्क्रीन रीडर से वास्तविक नौकरी चलाने दें, और साथ पहचानें कहाँ अटकते हैं। कई मामलों में दैनिक काम की स्क्रीनें कुछ से एक दर्जन तक सिमटती हैं, और उनमें घातक समस्याएँ (बिना नाम बटन, कीबोर्ड से न दबने वाला पुष्टि बटन) दिनों के सुधार में हल हो सकती हैं।
  2. नए विकास को मानक-अनुरूप बनाएँ। अध्याय 8 की चेकलिस्ट Definition of Done में जोड़ें, और नई स्क्रीनें शुरू से समर्थित बनाएँ। बाद के सुधार से भिन्न, डिज़ाइन समय बनाने की लागत वृद्धि मामूली है।
  3. साझा नियंत्रण ठीक कर बग़ल में फैलाएँ। खोज संवाद, ग्रिड, या तिथि इनपुट जैसे साझा इन-हाउस भागों पर डिफ़ॉल्ट AccessibleName या AutomationPeer लागू करें तो वह उनका उपयोग करने वाली हर स्क्रीन पर बैच में प्रभावी होता है। व्यक्तिगत स्क्रीन एक-एक छूने से कहीं अधिक लागत-प्रभावी चाल है।
सुधार प्राथमिकता के तीन स्तरउपयोगकर्ता नौकरी में उपयोग करने वाली स्क्रीनों से ठीक करें, नई विकास को चेकलिस्ट से मानक-अनुरूप बनाएँ, और साझा नियंत्रण ठीक कर हर स्क्रीन तक फैलाएँ1. उपयोगकर्ता की स्क्रीनों से ठीक करें2. नया काम मानक-अनुरूप3. साझा नियंत्रण से बग़ल में फैलाएँउनका उपयोग करने वाली हर स्क्रीन पर बैच में प्रभावी

चित्र 18: हर स्क्रीन एक साथ ठीक कर नहीं, बल्कि उपयोग में स्क्रीनें, नया काम, और साझा भागों के तीन स्तरों में आगे बढ़ें।

और संवाद का रिकॉर्ड तकनीकी प्रतिक्रिया जितना ही महत्वपूर्ण है। युक्तियुक्त समायोजन “व्यक्तिगत संवाद और समायोजन” की प्रक्रिया है, हर अनुरोध पूर्ण पूरा करने की नहीं। व्यक्ति के साथ वैकल्पिक साधन सोचना (वह काम दूसरी स्क्रीन पर करना, CSV निर्यात तैयार करना, संचालन में कवर करना) और अत्यधिक भार वाले सुधार पर सहमत होना भी रचनात्मक संवाद का वैध परिणाम है।1 क्या माँगा गया, क्या उत्तर दिया गया, और क्या वैकल्पिक साधन बना, रिकॉर्ड करना संगठन की सद्भावना का प्रमाण बनता है।

रचनात्मक संवाद और रिकॉर्ड का प्रवाहविकलांग व्यक्ति के अनुरोध का रचनात्मक संवाद से उत्तर दें; जो सुधार हो सके करें; अत्यधिक भार वाले सुधार पर व्यक्ति से वैकल्पिक साधन सोचें और सहमत हों; क्या माँगा, क्या उत्तर दिया, क्या वैकल्पिक बना, रिकॉर्ड करेंनहींहाँअनुरोधरचनात्मक संवादक्या भार अत्यधिक है?सुधार से उत्तर देंवैकल्पिक साधन सोचें और सहमत होंइतिहास रिकॉर्ड करें

चित्र 19: रचनात्मक संवाद में व्यक्ति से सुधार या वैकल्पिक साधन पर सहमत होते हैं, और वह इतिहास रिकॉर्ड में छोड़ते हैं।

10. सारांश

  • अप्रैल 2024 से प्रभावी संशोधित विकलांग व्यक्तियों के प्रति भेदभाव उन्मूलन अधिनियम से युक्तियुक्त समायोजन देना व्यवसायों के लिए भी बाध्यता बन गया। रोज़गार क्षेत्र 2016 से विकलांग व्यक्तियों के रोज़गार संवर्धन अधिनियम के अधीन नियोक्ता बाध्यता है। ऐप को पहले आसान बनाना “पर्यावरण सुधार” (प्रयास-बाध्यता) है, और जितना आगे गया, व्यक्तिगत प्रतिक्रियाएँ उतनी हल्की।
  • तकनीकी मानदंड WCAG (JIS X 8341-3:2016) में केंद्रित हैं, और वही सोच WCAG2ICT से डेस्कटॉप ऐप पर लागू हो सकती है।
  • स्क्रीन रीडर ऐप को UI Automation से पढ़ता है। UIA ट्री, गुणधर्मियाँ (Name/ControlType/AutomationId), और नियंत्रण पैटर्न की तिकड़ी नींव है।
  • सर्वोच्च प्राथमिकता Name है। WinForms AccessibleName और Label को टैब क्रम से जोड़ना उपयोग करता है; WPF AutomationProperties.Name/LabeledBy; कस्टम नियंत्रण AutomationPeer।
  • हर फ़ंक्शन केवल कीबोर्ड से पहुँचना WCAG सफलता मानदंड है और साथ ही हर संचालक की उत्पादकता। टैब क्रम, एक्सेस कुंजी और फ़ोकस संकेत सजाएँ।
  • रंग की तीन बुनियादें कंट्रास्ट अनुपात 4.5:1, रंग एकमात्र साधन नहीं, और कंट्रास्ट थीम में सिस्टम रंगों का सम्मान हैं।
  • सत्यापन को Accessibility Insights के FastPass+Live Inspect और Narrator/NVDA से हाथों-हाथ जाँच से जोड़ें, और नई स्क्रीन की चेकलिस्ट के रूप में विकास प्रवाह में बनाएँ।
  • हर स्क्रीन एक साथ न ठीक करें; उपयोगकर्ता की स्क्रीनें → नए काम के लिए मानक सहायता → साझा नियंत्रण का बग़ल रोल-आउट क्रम में आगे बढ़ें। युक्तियुक्त समायोजन संवाद की प्रक्रिया है, और इतिहास का रिकॉर्ड संगठन की रक्षा करता है।

पहले कदम के रूप में अपनी मुख्य स्क्रीनों में से एक चुनें, Accessibility Insights for Windows में FastPass चलाएँ, फिर केवल Tab कुंजी से नौकरी चलाएँ। तीस मिनट में आपके अपने ऐप की वर्तमान स्थिति आश्चर्यजनक रूप से ठोस हो जाती है।

संबंधित लेख

संबंधित परामर्श क्षेत्र

KomuraSoft LLC WinForms/WPF व्यावसायिक ऐप की सुलभता सुधार (स्क्रीन-रीडर सहायता, कीबोर्ड संचालन सजाना, कंट्रास्ट-थीम सहायता), साझा नियंत्रणों पर AutomationPeer लागू करना, और Accessibility Insights से वर्तमान-स्थिति निदान व प्राथमिकता-निर्धारण परामर्श सँभालता है। “हम पुष्टि करना चाहते हैं कि कर्मचारी हमारा ऐप स्क्रीन रीडर से उपयोग कर सकता है या नहीं” चरण से शुरू करना ठीक है।

संदर्भ लिंक

  1. Cabinet Office, Leaflet “From 1 April 2024, the provision of reasonable accommodation became an obligation”. यह कि रेइवा 3 संशोधन 1 अप्रैल रेइवा 6 से प्रभावी हुआ और व्यवसायों द्वारा युक्तियुक्त समायोजन देना बाध्यता बना; कि युक्तियुक्त समायोजन अत्यधिक भार न होने वाली सीमा में विकलांग व्यक्ति के आशय का उत्तर है; कि रचनात्मक संवाद महत्वपूर्ण है और एकतरफा इनकार बाध्यता उल्लंघन बन सकता है; कि “पर्यावरण सुधार” अनिर्दिष्ट संख्या के लिए अग्रिम सुधार प्रयास-बाध्यता है; और कि रोज़गार व काम रोज़गार संवर्धन अधिनियम के प्रावधानों का पालन करते हैं।  2 3 4 5 6 7 8 9 10

  2. Ministry of Health, Labour and Welfare, The prohibition of discrimination against persons with disabilities in employment and the obligation to provide reasonable accommodation. यह कि हेइसेई 28 अप्रैल से प्रभावी संशोधित रोज़गार संवर्धन अधिनियम नियोक्ताओं को रोज़गार में विकलांगता भेदभाव निषेध और अत्यधिक भार न होने वाली सीमा में युक्तियुक्त समायोजन देने के लिए बाध्य करता है; और संबंधित सामग्री जैसे युक्तियुक्त-समायोजन दिशानिर्देश।  2 3 4

  3. Web Accessibility Infrastructure Committee (WAIC), Understanding JIS X 8341-3:2016. यह कि JIS X 8341-3:2016 ISO/IEC 40500:2012 की संगत मानक है और मुख्य भाग WCAG 2.0 की समान सामग्री है; और मानक द्वारा माने गए वेब सामग्री का दायरा।  2

  4. W3C, Guidance on Applying WCAG 2 to Non-Web Information and Communications Technologies (WCAG2ICT). W3C Group Note जो दिखाता है WCAG 2.0/2.1/2.2 के सिद्धांत, दिशानिर्देश और सफलता मानदंड गैर-वेब दस्तावेज़ों और सॉफ़्टवेयर पर कैसे लागू करें।  2

  5. Microsoft Learn, UI Automation Specification. यह कि UI Automation स्क्रीन रीडर जैसी सहायक प्रौद्योगिकी को UI जानकारी देता है और मानक इनपुट के अलावा संचालन सक्षम करता है; और UIA तत्वों, ट्री, गुणधर्मियों, नियंत्रण पैटर्नों, नियंत्रण प्रकारों और इवेंटों की रचना।  2 3

  6. Microsoft Learn, WinForms: Setting the accessible name on a control. यह कि कुछ नियंत्रणों पर Text UIA Name के रूप में पुनः उपयोग होता है, जबकि ComboBox, ListBox, ListView, PictureBox, ProgressBar, TabControl, TextBox, TreeView आदि नहीं; कि लक्ष्य नियंत्रण Label के TabIndex के ठीक बाद रखने से Label पाठ Name बनता है; और AccessibleName स्पष्ट सेट करना तथा डिज़ाइनर फ़ाइल में खाली स्ट्रिंग रह जाना।  2 3 4

  7. Microsoft Learn, WPF: Setting the accessible name on a button. यह कि Button का Content डिफ़ॉल्ट से UIA Name के रूप में पुनः उपयोग होता है; कि बिना नाम बटन का उद्देश्य स्क्रीन रीडर घोषित नहीं कर सकता; और TextBlock को AutomationProperties.LabeledBy से जोड़ना तथा AutomationProperties.Name स्पष्ट सेट करना।  2 3 4

  8. W3C / Web Accessibility Infrastructure Committee (WAIC) translation, Web Content Accessibility Guidelines (WCAG) 2.1 Japanese translation. सफलता मानदंड 1.4.3 (Contrast (Minimum)) पाठ के लिए 4.5:1 और बड़े पाठ के लिए 3:1; सफलता मानदंड 1.4.1 (Use of Color) रंग को एकमात्र दृश्य साधन न बनाना; और सफलता मानदंड 2.1.1 (Keyboard) सभी कार्यक्षमता की कीबोर्ड संचालनीयता।  2 3 4 5 6

  9. Microsoft Learn, Contrast themes. यह कि कंट्रास्ट थीमें सामान्यतः 7:1 या अधिक कंट्रास्ट अनुपात का सीमित पैलेट उपयोग करती हैं; अंतर्निर्मित थीम चुनना और रंग संपादित करना; और SystemColor-वर्ग संसाधन अग्रभूमि/पृष्ठभूमि जोड़ों के रूप में परिभाषित हैं और थीम स्विच का स्वतः पालन करते हैं।  2 3

  10. Microsoft Learn, Accessibility testing. Accessibility Insights for Windows के तीन परिदृश्य — Live Inspect (होवर/फ़ोकस से UIA गुणधर्मियाँ पुष्टि), FastPass (पाँच मिनट से कम में उच्च-प्रभाव समस्याएँ), और Troubleshooting — तथा Inspect और AccEvent जैसे विरासत उपकरणों से जाने की अनुशंसा।  2 3

  11. NVDA Japanese Team, NVDA Japanese edition. निःशुल्क ओपन-सोर्स Windows स्क्रीन रीडर NVDA और उसके जापानी संस्करण का प्रावधान।  2

  12. Microsoft Learn, Walkthrough: Creating an Accessible Windows-based Application. इनपुट फ़ील्ड के ठीक पहले टैब क्रम में वर्णनात्मक Label रखना; Text में & से एक्सेस कुंजी; SystemInformation.HighContrast से उच्च कंट्रास्ट जानना और SystemColors उपयोग; UserPreferenceChanged इवेंट का पालन; और रंग से पहुँचाई जानकारी के साथ दृश्य संकेत जोड़ना।  2 3

  13. Microsoft Learn, Providing Accessibility Information for Controls. WinForms नियंत्रण की AccessibleName, AccessibleDescription, AccessibleRole और AccessibleDefaultActionDescription गुणधर्मियाँ और उन्हें कैसे सेट करें। 

  14. Microsoft Learn, WPF: Setting the accessible name on an edit field. यह कि TextBlock का Text UIA Name के रूप में पुनः उपयोग होता है, जबकि TextBox का Text UIA Value के रूप में उजागर होता है; और लेबल TextBlock को AutomationProperties.LabeledBy से TextBox से जोड़ना, या AutomationProperties.Name सेट करना। 

  15. Microsoft Learn, UI Automation of a WPF Custom Control. कस्टम नियंत्रण OnCreateAutomationPeer ओवरराइड कर AutomationPeer-व्युत्पन्न वर्ग लौटाना; आधार नियंत्रण के संगत Peer वर्ग विरासत में लेना; GetPattern से पैटर्न प्रदाता देना; और XAML पक्ष से AutomationProperties विशेषताओं से ओवरराइड करना।  2

निकटवर्ती विषयों में गहराई से जाने के लिए समान टैग वाले नवीनतम लेख।

"Not Responding" वास्तव में क्या है — Windows ऐप के हैंग का निर्णय कैसे करता है, और न हैंग करने वाले ऐप कैसे डिज़ाइन करें

Windows का "Not Responding" वह तंत्र है जिसमें OS तय करता है कि विंडो ने 5 सेकंड संदेश नहीं लिया और उसे घोस्ट विंडो से बदल देता है। यह ले...

क्लिपबोर्ड और ड्रैग एंड ड्रॉप कैसे काम करते हैं — व्यावसायिक ऐप में OLE डेटा ट्रांसफ़र सही सँभालना

Excel तालिका चिपकाएँ और फ़ॉर्मेटिंग बिखर जाए; स्रोत ऐप बंद करें और चिपकाना बंद हो जाए — दोनों इसलिए कि क्लिपबोर्ड एक ही सामग्री कई फ़ॉर्म...

स्लीप से रिज़्यूम पर टूटने वाले ऐप — Windows पावर इवेंट कैसे काम करते हैं और उनसे बचने वाले व्यावसायिक ऐप कैसे बनाएँ

लैपटॉप खोला और व्यावसायिक ऐप के कनेक्शन मर चुके थे — कारण वह डिज़ाइन है जिसने स्लीप का हिसाब ही नहीं रखा। यह लेख WM_POWERBROADCAST सूचना ...

Windows वर्चुअलाइज़ेशन की गहराई (भाग 3) — सेकंडों में बूट होने वाली वर्चुअल मशीनें: WSL2, Windows Sandbox और कंटेनर इतने हल्के क्यों हैं

WSL2 और Windows Sandbox सेकंडों में शुरू होकर इतने हल्के क्यों लगते हैं? यह लेख डायनामिक बेस इमेज और डायरेक्ट मैप से डायनामिक मेमोरी आवंट...

Windows वर्चुअलाइज़ेशन की गहराई (भाग 2) — वह मेमोरी जिसे कर्नेल भी नहीं देख सकता: VBS, HVCI और Credential Guard कैसे काम करते हैं

संगत हार्डवेयर पर क्लीन इंस्टॉल पर VBS डिफ़ॉल्ट से सक्षम होता है और हाइपरवाइज़र तथा SLAT से कर्नेल से मज़बूत अलगाव बनाता है। यह लेख VTL, ...

ये पृष्ठ विषय को सेवाओं और निर्णयों के व्यापक संदर्भ में रखते हैं।

यह लेख निम्नलिखित सेवाओं से सीधे जुड़ा है।

अक्सर पूछे जाने वाले प्रश्न

इस लेख के विषय पर परामर्श में अक्सर पूछे जाने वाले प्रश्न।

क्या व्यावसायिक ऐप की सुलभता सहायता कानून से आवश्यक है?
विकलांग व्यक्तियों के प्रति भेदभाव उन्मूलन अधिनियम का 2021 संशोधन 1 अप्रैल 2024 से प्रभावी हुआ, और विकलांग व्यक्तियों को युक्तियुक्त समायोजन देना व्यवसायों के लिए भी बाध्यता बन गया। युक्तियुक्त समायोजन वह प्रतिक्रिया है जो विकलांग व्यक्ति के अनुरोध पर व्यक्तिगत बाधा को उस सीमा में हटाती है जो अत्यधिक भार न हो; ऐप को पहले से उपयोग में आसान बनाना "पर्यावरण सुधार" नामक प्रयास-बाध्यता है। रोज़गार, जैसे कर्मचारी और कंपनी का संबंध, उस अधिनियम के अधीन नहीं बल्कि विकलांग व्यक्तियों के रोज़गार संवर्धन अधिनियम के अधीन है, जिसने अप्रैल 2016 से प्रभावी संशोधन से नियोक्ताओं को युक्तियुक्त समायोजन देने के लिए बाध्य किया। यानी "कर्मचारी व्यावसायिक ऐप उपयोग नहीं कर सकता" स्थिति कुछ समय से बाध्यता के क्षेत्र में है। किसी मामले में कितना जाना व्यक्तिगत स्थिति पर निर्भर करता है, इसलिए कैबिनेट कार्यालय और स्वास्थ्य, श्रम एवं कल्याण मंत्रालय के प्राथमिक स्रोत पुष्टि करें और संबंधित व्यक्ति से संवाद से निर्णय लें।
स्क्रीन रीडर Windows डेस्कटॉप ऐप कैसे पढ़ता है?
Narrator और NVDA जैसे स्क्रीन रीडर ऐप के UI को UI Automation (UIA) नामक सुलभता आधार से पढ़ते हैं। ऐप पक्ष ऑन-स्क्रीन तत्वों को UIA ट्री नामक संरचना में उजागर करता है; प्रत्येक तत्व में Name (उद्देश्य) और ControlType (प्रकार) जैसी गुणधर्मियाँ, और Invoke (दबाएँ) व Value (मान) जैसे नियंत्रण पैटर्न होते हैं। स्क्रीन रीडर यह जानकारी "आदेश पुष्टि करें बटन" के रूप में घोषित करता है और पैटर्न से संचालित करता है। मानक WinForms और WPF नियंत्रणों में यह तंत्र शुरू से है, इसलिए डेवलपर का मुख्य काम Name खाली न छोड़ना, UI को कीबोर्ड से संचालित बनाना, और कस्टम नियंत्रणों पर जानकारी लागू करना है।
मौजूदा WinForms ऐप पर कहाँ से शुरू करें?
सबसे छोटा पथ लक्ष्य स्क्रीन पर Accessibility Insights for Windows का FastPass चलाना और खाली Name वाले नियंत्रण व टैब-क्रम समस्याएँ सूचीबद्ध करना है। सुधार आइकन-केवल बटनों पर AccessibleName सेट करने, इनपुट फ़ील्ड के ठीक पहले टैब क्रम में Label जोड़ने, और TabIndex को दृश्य क्रम से मिलाने से शुरू होते हैं। फिर Narrator या NVDA शुरू करें और स्क्रीन देखे बिना वास्तविक व्यावसायिक संचालन चलाएँ, और पुष्टि करें कहाँ अटकते हैं। हर स्क्रीन एक साथ ठीक करने की ज़रूरत नहीं; जिन स्क्रीनों को कोई वास्तव में उपयोग करता है उनसे शुरू करना, और नई स्क्रीनों को चेकलिस्ट से मानक-अनुरूप बनाना, यथार्थ है।
उच्च-कंट्रास्ट (कंट्रास्ट थीम) सहायता के लिए क्या करें?
आधार रंग हार्ड-कोड न करना और सिस्टम रंगों का सम्मान करना है। WinForms में ForeColor/BackColor डिफ़ॉल्ट पर छोड़ें या SystemColors उपयोग करें, स्थिति SystemInformation.HighContrast से जानें, और स्विच का UserPreferenceChanged इवेंट से पालन करें। WPF और WinUI में भी, यदि SystemColors-वर्ग संसाधन संदर्भित करें, थीम स्विच स्वचालित पालन होता है। साथ ही जानकारी "केवल रंग से" न पहुँचाएँ — त्रुटि केवल लाल दिखाना — और इसे आइकन या शब्द से जोड़ें। साधारण थीम में भी WCAG के पाठ कंट्रास्ट अनुपात 4.5:1 या अधिक को मार्गदर्शक मानना खराब रोशनी वाली दुकान और वृद्ध उपयोगकर्ताओं के लिए UI अधिक पठनीय बनाता है।
क्या सुलभता सहायता UI स्वचालित परीक्षण में भी मदद करती है?
हाँ। FlaUI जैसे UI स्वचालित-परीक्षण उपकरण उसी UI Automation पर बने हैं जिसका स्क्रीन रीडर उपयोग करते हैं। सुलभता के लिए रखे Name, ControlType और नियंत्रण पैटर्न परीक्षण कोड से ज्यों-के-त्यों उपयोग हो सकते हैं, और परीक्षणों के लिए डिज़ाइन किया AutomationId तत्व पहचान स्थिर करता है। इसके विपरीत कस्टम-ड्रॉ UI जो UIA ट्री में नहीं दिखता, स्क्रीन रीडर और परीक्षण दोनों के लिए अदृश्य है। सुलभता और स्वचालित परीक्षण एक ही आधार में निवेश हैं, इसलिए किसी एक को रखने से दूसरे की लागत भी घटती है।

लेखक की प्रोफ़ाइल

लेख के लेखक का परिचय पृष्ठ।

Go Komura

KomuraSoft LLC के प्रतिनिधि

Windows सॉफ़्टवेयर विकास, तकनीकी परामर्श और बग जाँच में विशेषज्ञ, विशेष रूप से मौजूदा सिस्टम वाली परियोजनाओं और पुनरुत्पादन में कठिन बग में।

सार्वजनिक लिंक

ब्लॉग पर लौटें