पहुंच-योग्यता

हरे रंग की सजावटी हीरो इमेज का डिज़ाइन

विश्व स्वास्थ्य संगठन (डब्ल्यूएचओ) और विश्व बैंक की 2011 की रिपोर्ट के मुताबिक, दुनिया की करीब 15% आबादी–यानी कि हर छह में से एक व्यक्ति–को अपने जीवनकाल में कोई गंभीर या अस्थायी विकलांगता होती है. इसलिए, डिज़ाइन में सुलभता बेहद ज़रूरी है. इससे, सभी के लिए काम करने वाला, इस्तेमाल में आसान, और अच्छी क्वालिटी वाला ऐप्लिकेशन बनाया जा सकता है. साथ ही, इससे लोगों को बेहतरीन नतीजे मिलते हैं और दोबारा काम करने से बचा जा सकता है. Android में कई सुविधाएं उपलब्ध हैं. इनकी मदद से, सुलभता से जुड़ी सुविधाओं को डिफ़ॉल्ट रूप से चालू रखने के लिए, ऐप्लिकेशन बनाया जा सकता है.

विज़न के लिए डिज़ाइन

रंग के कंट्रास्ट और टेक्स्ट के साइज़ की जांच करके, पक्का करें कि आपके ऐप्लिकेशन का कॉन्टेंट ज़्यादा से ज़्यादा पढ़ा जा सके. साथ ही, यह भी पक्का करें कि कॉम्पोनेंट को देखकर आसानी से समझा जा सके और वे एक-दूसरे से अलग दिखें.

देखने में परेशानी वाले लोगों के लिए, ऐप्लिकेशन को सुलभ बनाने के लिए इन दिशा-निर्देशों का पालन करें.

  • उपयोगकर्ताओं को फ़ॉन्ट का साइज़ बदलने की अनुमति देने के लिए, फ़ॉन्ट का साइज़ स्केलेबल पिक्सल (एसपी) में तय करें
  • बॉडी साइज़ को 12 sp से कम न रखें. यह दिशा-निर्देश, डिफ़ॉल्ट रूप से Material के टाइपस्केल के साथ काम करता है.
  • पक्का करें कि बैकग्राउंड और टेक्स्ट के बीच कंट्रास्ट का अनुपात कम से कम 4.5:1 हो. कलर कंट्रास्ट की जांच करने का तरीका जानें.
  • सरफ़ेस और नॉन-टेक्स्ट एलिमेंट के बीच 3:1 का अनुपात इस्तेमाल करें. उदाहरण के लिए, बैकग्राउंड और आइकॉन का अनुपात 3:1 होगा.
  • लिंक जैसी कार्रवाइयों के लिए, एक से ज़्यादा विज़ुअल अफ़ॉर्डेंस का इस्तेमाल करें.

Material के Accessible color system का इस्तेमाल करें. यह कलर सिस्टम, टोनल पैलेट पर आधारित है. साथ ही, यह कलर स्कीम को डिफ़ॉल्ट रूप से ऐक्सेस करने के लिए ज़रूरी है.

इसमें टेक्स्ट के दो ब्लॉक हैं. पहले ब्लॉक में गहरे हरे रंग का इस्तेमाल किया गया है, जबकि दूसरे टेक्स्ट ब्लॉक में गहरे स्लेटी रंग का इस्तेमाल किया गया है.
       दोनों को बहुत गहरे (लगभग काले) बैकग्राउंड पर ओवरले किया गया है. डार्क ऑलिव टेक्स्ट के कॉलआउट से पता चलता है कि यह 'primary30' टोन में है. साथ ही, यह भी पता चलता है कि यह 1.83:1 के अनुपात में है और रेशियो टेस्ट में फ़ेल हो गया है. ग्रे टेक्स्ट वाले कॉलआउट से पता चलता है कि यह 'neutral40' टोन में है और यह अब भी 2.65:1 के अनुपात में, रेशियो टेस्ट में पास नहीं हो सका.
पहली इमेज: कलर कंट्रास्ट के लिए ज़रूरी शर्तों को पूरा न करने वाले टेक्स्ट का उदाहरण

आवाज़ के लिए डिज़ाइन

TalkBack, Google का स्क्रीन रीडर है. यह Android डिवाइसों पर मौजूद होता है. इसकी मदद से, बिना स्क्रीन देखे डिवाइस का इस्तेमाल किया जा सकता है. इसे मैन्युअल तरीके से टेस्ट किया जा सकता है. इसके लिए, TalkBack की मदद से अपने ऐप्लिकेशन को एक्सप्लोर करें या A11y स्कैनर का इस्तेमाल करें.

यह पक्का करने के लिए कि आपका ऐप्लिकेशन स्क्रीन रीडर के साथ काम करने के लिए तैयार है, इन दिशा-निर्देशों का पालन करें:

  • अपने कोड में यूज़र इंटरफ़ेस (यूआई) एलिमेंट के बारे में बताएं. Compose, सिमेंटिक प्रॉपर्टी का इस्तेमाल करता है. इससे, ऐक्सेसिबिलिटी सेवाओं को यूज़र इंटरफ़ेस (यूआई) एलिमेंट में दिखाई गई जानकारी के बारे में पता चलता है.
  • Android फ़्रेमवर्क की ज़रूरी शर्तों को पूरा करने के लिए, आइकॉन और इमेज के बारे में ज़्यादा जानकारी दें.
  • सजावटी सामान के ब्यौरे को शून्य पर सेट करें.
  • कार्रवाइयों और कॉन्टेंट के ब्लॉक के बीच स्किप करने की सुविधा देने के लिए, यूज़र इंटरफ़ेस (यूआई) की बारीकी और यूज़र इंटरफ़ेस (यूआई) एलिमेंट को ग्रुप करने के बारे में सोचें..

मटीरियल का डिज़ाइन से लेकर लागू करने तक का प्रोसेस फ़्लो देखें. इसमें, वेब कॉन्टेंट ऐक्सेसबिलिटी गाइडलाइंस (डब्ल्यूसीएजी) का इस्तेमाल करके, सुलभता से जुड़ी बातों और नोटेशन के बारे में बताया गया है.

दूसरी इमेज: सुलभता के लिए लेबल किए गए यूज़र इंटरफ़ेस (यूआई) एलिमेंट: हेडिंग, सजावटी इमेज को छिपाना, और बटन का लेबल

ऑडियो के लिए डिज़ाइन

Android में ऐसी सुविधाएं उपलब्ध हैं जिनकी मदद से उपयोगकर्ता, बोलकर दिए जाने वाले अलग-अलग निर्देशों और सवालों के ज़रिए अपने डिवाइसों से इंटरैक्ट कर सकते हैं.

Android के लिए उपलब्ध Voice Access ऐप्लिकेशन में, बोलकर दिए जाने वाले निर्देशों की मदद से आपको अपना डिवाइस कंट्रोल करने की सुविधा मिलती है. इसका इस्तेमाल करके, अपनी आवाज़ से ऐप्लिकेशन खोलें, डिवाइस में एक जगह से दूसरी जगह पर जाएं, और बोलकर टेक्स्ट में बदलाव करें.

मोटर स्किल के लिए डिज़ाइन

स्विच ऐक्सेस की सुविधा की मदद से, लोग एक या उससे ज़्यादा डिवाइसों का इस्तेमाल करके आपके Android डिवाइस के साथ इंटरैक्ट कर सकते हैं. यह सुविधा उन लोगों के लिए मददगार हो सकती है जिन्हें उंगलियां हिलाने में परेशानी होती है और वे टच स्क्रीन का इस्तेमाल नहीं कर पाते.

स्विच ऐक्सेस की सुविधा आज़माकर, मैन्युअल तरीके से जांच करें.

  • सभी कार्रवाइयां पूरी करने के लिए, जेस्चर पर भरोसा न करें. अपने ऐप्लिकेशन में सभी यूज़र फ़्लो को सपोर्ट करने के लिए, ऐक्सेसिबिलिटी से जुड़ी कार्रवाइयां बनाएं.
  • पक्का करें कि सभी टच टारगेट कम से कम 48 डीपी के हों. भले ही, यह यूज़र इंटरफ़ेस (यूआई) एलिमेंट के विज़ुअल से आगे बढ़ जाए.
  • उपयोगकर्ता को अतिरिक्त और रीयल-टाइम में सेंसरी इनपुट देने के लिए, हैप्टिक फ़ीडबैक का इस्तेमाल करें.

बाईं ओर मौजूद यूज़र इंटरफ़ेस (यूआई) में, उपयोगकर्ता सिर्फ़ स्वाइप करके आइटम मिटा सकता है. वहीं, दाईं ओर मौजूद यूज़र इंटरफ़ेस (यूआई) में, ट्रैश आइकॉन बटन के तौर पर एक और सुविधा भी दी गई है.
तीसरी इमेज: बाईं ओर मौजूद यूज़र इंटरफ़ेस (यूआई) में, उपयोगकर्ता सिर्फ़ स्वाइप करके आइटम मिटा सकता है. वहीं, दाईं ओर मौजूद यूज़र इंटरफ़ेस (यूआई) में, ट्रैश आइकॉन बटन के तौर पर एक और सुविधा भी दी गई है.