सुलभ कैनवास ऐप्स बनाएं

  • आलेख

एक पहुँच योग्य canvas ऐप उपयोगकर्ताओं को दृष्टि, श्रवण और अन्य दुर्बलताओं से ऐप का सफलतापूर्वक उपयोग करने की अनुमति देगा. कई सरकारों और संगठनों के लिए आवश्यकता होने के अलावा, नीचे दिए गए दिशानिर्देशों का पालन करने से सभी उपयोगकर्ताओं के लिए उपयोगिता बढ़ जाती है, उनकी क्षमताओं की परवाह किए बिना.

अपने अनुप्रयोग में संभावित पहुँच-योग्यता मुद्दों की समीक्षा करने में सहायता के लिए पहुँच-योग्यता चेकर का उपयोग करें.

लेआउट और रंग

व्यावहारिक ज्ञान और सरल डिज़ाइन सभी उपयोगकर्ताओं के लिए अनुप्रयोग को अधिक सुलभ बनाने में मदद करता है. अनुप्रयोग का भारी अनुकूलन करते समय नीचे दिए गए सुझावों पर ध्यान दें. Power Apps थीम को एक्सेसिबिलिटी मानकों को पूरा करने के लिए डिज़ाइन किया गया है.

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

कीबोर्ड

अपने ऐप की पहुंच-क्षमता का परीक्षण करते समय, सुनिश्चित करें कि ऐप का उपयोग स्क्रीन रीडर के साथ या उसके बिना केवल कीबोर्ड द्वारा किया जा सकता है.

टैब कुंजी को तार्किक क्रम में इंटरैक्टिव तत्वों पर नेविगेट करना चाहिए. आप इसे तार्किक ऐप संरचना के साथ और प्रत्येक नियंत्रण की TabIndex संपत्ति को तदनुसार सेट करके बना सकते हैं.

  • लेबल, छवि, आइकन, आकार नियंत्रण: TabIndex को 0 पर सेट करें यदि वे इंटरैक्टिव होने के लिए हैं. अन्यथा, TabIndex को -1 पर सेट करें.
  • TabIndex को शून्य से अधिक सेट न करें.
  • सुनिश्चित करें कि सरलीकृत टैब इंडेक्स ऐप सेटिंग सक्षम है.

स्क्रीन रीडर

निम्नलिखित स्क्रीन रीडर Power Apps के साथ काम करने के लिए सत्यापित किए गए हैं:

स्क्रीन रीडर के साथ एक संतोषजनक अनुभव सुनिश्चित करने के लिए इसकी अनुशंसा की जाती है:

  • सुनिश्चित करें कि सभी इनपुट नियंत्रणों में AccessibleLabel गुण सेट हो.
  • छवियों के लिए AccessibleLabel को एक उचित विवरण पर सेट करें.
    • यदि किसी चित्र का उपयोग बटन या लिंक के रूप में नहीं किया जाता है (यानी आइकन सिर्फ सजावट के लिए है) और स्क्रीन रीडर द्वारा नहीं पढ़ा जाना चाहिए, तो सुनिश्चित करें कि AccessibleLabel खाली है या सेट नहीं है.
    • यदि एक चित्र या एक आइकन का बटन के रूप में उपयोग किया जाता है, तो TabIndex को 0 और AccessibleLabel को लिंक विवरण पर सेट करें.

नियंत्रण प्रकार और संरचना

सही नियंत्रणों का उपयोग करना और उन्हें समूहीकृत करना स्क्रीन रीडर उपयोगकर्ताओं को अनुप्रयोग की संरचना को समझने में मदद करेगा.

  • अनुप्रयोग की प्रत्येक स्क्रीन पर कम से कम एक शीर्षक शामिल करें. आप लेबल की भूमिका संपत्ति सेट करके शीर्षकों का निर्माण कर सकते हैं.
  • इंटरैक्टिव पाठ के लिए बटन के बजाय लेबल का उपयोग करें.
  • कंटेनर्स में समूह से संबंधित सामग्री.
  • असमर्थित डिज़ाइन पैटर्न से अवगत रहें.

मल्टीमीडिया

सुनिश्चित करें कि सभी वीडियो पर कैप्शन हैं और उपयोगकर्ता के लिए सभी ऑडियो रिकॉर्डिंग की एक प्रतिलिपि उपलब्ध है. वीडियो नियंत्रण ClosedCaptionsUrl गुण के माध्यम से WebVTT प्रारूप में बंद कैप्शन का समर्थन करता है.

स्क्रीन रीडर सक्षम होने पर, टाइमर बटन पाठ की घोषणा नहीं करता है, लेकिन कितना समय बीत चुका है ये बताता है. घोषणाओं को बंद नहीं किया जा सकता है, भले ही टाइमर कम अस्पष्टता के साथ छिपा हो.

हस्ताक्षर के साथ काम करना

यदि आपके पास एक हस्ताक्षर फ़ील्ड है जो PenInput नियंत्रण का उपयोग करती है, तो आपको हस्ताक्षर इनपुट की एक वैकल्पिक विधि को सक्षम करने की आवश्यकता है. TextInput नियंत्रण दिखाने के लिए अनुशंसित तरीका है जहां एक उपयोगकर्ता अपना नाम टाइप कर सकता है. यह सुनिश्चित करें कि हस्ताक्षर निर्देश AccessibleLabel गुण में रखे गए हैं और नियंत्रण पेन इनपुट के करीब रखा गया है - दाईं ओर या ठीक नीचे.

अगले कदम

पहुँच योग्य ऐप संरचना

इसे भी देखें