मोबाइल डेवलपमेंट में पहुँच: यह क्या है, क्या मानक हैं और कैसे लागू करें

Accessibility क्या है?

Accessibility (संक्षेप में a11y — अक्षर a + 11 अक्षर + y) — किसी उत्पाद का विकलांग लोगों द्वारा उपयोग योग्य होने का गुण है। मोबाइल एप्लिकेशन के संदर्भ में, इसका अर्थ है: स्क्रीन रीडर (VoiceOver, TalkBack) के लिए समर्थन, पर्याप्त टेक्स्ट आकार, उच्च कंट्रास्ट, कीबोर्ड नेविगेशन के लिए सही फोकस क्रम, और चक्कर पैदा करने वाले एनिमेटेड तत्वों की अनुपस्थिति।

समावेशिता न केवल एक नैतिक बल्कि एक कानूनी दायित्व भी है। कई देशों में डिजिटल पहुँच कानून हैं: ADA (USA), Section 508, European Accessibility Act (EU, 2025 से ऐप्स के लिए अनिवार्य)। Business Disability Forum के अनुसार, पहुँच में निवेश करने वाली कंपनियाँ अपने दर्शकों को 15–20% तक बढ़ाती हैं और कानूनी जोखिम कम करती हैं।

IT Sectr में, हम विकास के हर चरण में पहुँच की जाँच करते हैं। हमारा अनुभव बताता है: डिज़ाइन चरण में पहुँच की समस्याओं को ठीक करना रिलीज़ के बाद की तुलना में 10 गुना सस्ता है। Accessibility कोई फीचर नहीं, बल्कि आधुनिक एप्लिकेशन के लिए एक बुनियादी आवश्यकता है।

iOS: VoiceOver, Accessibility Label, Trait

Apple इकोसिस्टम शक्तिशाली पहुँच उपकरण प्रदान करता है। VoiceOver एक अंतर्निर्मित स्क्रीन रीडर है जो स्क्रीन पर होने वाली हर चीज़ को आवाज़ देता है। उपयोक्ता इशारों से डिवाइस को नियंत्रित करता है: दाएँ स्वाइप — अगला तत्व, बाएँ स्वाइप — पिछला तत्व, डबल टैप — सक्रियण।

Accessibility Label वह टेक्स्ट है जिसे VoiceOver किसी तत्व के लिए पढ़ता है। डिफ़ॉल्ट रूप से, iOS बटन टेक्स्ट या लेबल का उपयोग करता है, लेकिन आइकन और ग्राफिकल तत्वों के लिए आपको लेबल स्पष्ट रूप से सेट करना होगा। Accessibility Trait — एक गुण जो तत्व के प्रकार का वर्णन करता है: button (बटन), header (शीर्षक), link (लिंक), image (छवि)। सही traits उपयोक्ता को यह समझने में मदद करते हैं कि किसी तत्व के साथ कैसे इंटरैक्ट करना है।

VoiceOver और Accessibility Label

VoiceOver 40 से अधिक भाषाओं का समर्थन करता है और सभी Apple उपकरणों पर काम करता है। डेवलपर के लिए मुख्य बात प्रत्येक इंटरफ़ेस तत्व के लिए सही accessibilityLabel और accessibilityTraits सेट करना है। यदि कोई तत्व सुलभ नहीं होना चाहिए (सजावटी छवि), तो isAccessibilityElement = false सेट करें।

// Swift — बटन के लिए एक्सेसिबिलिटी सेटअप
let shareButton = UIButton()
shareButton.setImage(UIImage(named: "share-icon"), for: .normal)
shareButton.accessibilityLabel = "इस लेख को साझा करें"
shareButton.accessibilityHint = "भेजने का तरीका चुनने के लिए एक डायलॉग खोलता है"
shareButton.accessibilityTraits = .button

// SwiftUI — और भी सरल
struct ShareButtonView: View {
    var body: some View {
        Button(action: share) {
            Image(systemName: "square.and.arrow.up")
        }
        .accessibilityLabel("साझा करें")
        .accessibilityHint("साझा करने का मेनू खोलता है")
    }
}

कोड बिना टेक्स्ट (केवल आइकन) वाले बटन के लिए एक्सेसिबिलिटी सेटअप दिखाता है। AccessibilityLabel वह है जो उपयोक्ता सुनेगा। AccessibilityHint — कार्रवाई के परिणाम के बारे में एक अतिरिक्त संकेत। लेबल में «बटन के लिए» जैसे वाक्यांशों का उपयोग न करें — Trait पहले से ही बताता है कि यह एक बटन है।

Android: TalkBack, Content Description

TalkBack Android के लिए Google का स्क्रीन रीडर है, जो Android Accessibility Suite पैकेज का हिस्सा है। VoiceOver की तरह, यह इंटरफ़ेस तत्वों को आवाज़ देता है और इशारों द्वारा नियंत्रित होता है। TalkBack 100 से अधिक भाषाओं का समर्थन करता है और Google Play Services वाले सभी उपकरणों पर काम करता है।

Content Description — Android पर accessibilityLabel का समतुल्य। इसे XML में android:contentDescription विशेषता के माध्यम से या कोड में setContentDescription() विधि के माध्यम से सेट किया जाता है। गैर-फोकस योग्य तत्वों (सजावटी ImageView) के लिए, importantForAccessibility="no" का उपयोग करें।

TalkBack और Focus Order

Focus Order (फोकस क्रम) — वह अनुक्रम जिसमें TalkBack स्वाइप करने पर तत्वों के बीच चलता है। डिफ़ॉल्ट रूप से, Android लेआउट में तत्वों के क्रम का उपयोग करता है, लेकिन इसे accessibilityTraversalBefore और accessibilityTraversalAfter विशेषताओं के माध्यम से बदला जा सकता है। यह कस्टम घटकों वाली जटिल स्क्रीन के लिए महत्वपूर्ण है।

IT Sectr में, हम हर स्क्रीन पर Focus Order की जाँच करते हैं। फोकस क्रम की त्रुटियाँ सबसे आम पहुँच समस्याओं में से एक हैं। उदाहरण के लिए, यदि शीर्षक के बाद उपयोक्ता लेख के टेक्स्ट के बजाय टिप्पणियों पर जाता है — यह एक एक्सेसिबिलिटी बग है।

WCAG और मानक

WCAG (Web Content Accessibility Guidelines) — W3C द्वारा विकसित अंतर्राष्ट्रीय पहुँच मानक। वर्तमान संस्करण WCAG 2.2 (2023) है। मानक 4 सिद्धांतों में विभाजित है: Perceivable (बोधगम्य), Operable (संचालनीय), Understandable (समझने योग्य), Robust (मजबूत) — संक्षिप्त नाम POUR।

WCAG स्तर: A (न्यूनतम), AA (मध्यम, EU में कानूनी रूप से अनिवार्य), AAA (अधिकतम)। मोबाइल एप्लिकेशन के लिए, स्तर AA पर्याप्त है: टेक्स्ट कंट्रास्ट कम से कम 4.5:1, स्क्रीन रीडर समर्थन, न्यूनतम लक्ष्य आकार 44x44 पिक्सेल, वीडियो के लिए उपशीर्षक।

WCAG स्तर

स्तर A — बुनियादी आवश्यकताएँ: छवियों के लिए टेक्स्ट विकल्प, कीबोर्ड नियंत्रण, कम से कम 3:1 कंट्रास्ट। स्तर AA — मध्यम: कंट्रास्ट 4.5:1, 200% तक स्केलिंग समर्थन, सही शीर्षक और लेबल। स्तर AAA — उच्च: कंट्रास्ट 7:1, वीडियो के लिए सांकेतिक भाषा, पूर्ण आवाज़ नियंत्रण। व्यवहार में, अधिकांश कंपनियाँ AA को लक्ष्य बनाती हैं।

तालिका 2. iOS और Android पहुँच API की तुलना। अलग-अलग नामों के बावजूद, अवधारणाएँ समान हैं: लेबल, प्रकार, फोकस क्रम और टेक्स्ट अनुकूलन समर्थन।

पहुँच परीक्षण

पहुँच परीक्षण — WCAG मानकों के अनुपालन और स्क्रीन रीडर के साथ सही संचालन के लिए एप्लिकेशन की जाँच करना है। परीक्षणों का न्यूनतम सेट: VoiceOver/TalkBack चालू करें और एप्लिकेशन के सभी स्क्रीन पर नेविगेट करें। सुनकर जाँच करें कि सभी तत्व घोषित किए गए हैं, फोकस क्रम तार्किक है, और अनुपयुक्त तत्व (सजावटी) अनदेखा किए गए हैं।

स्वचालित उपकरण: Xcode Accessibility Inspector (iOS के लिए Xcode में ऑडिट), Android Accessibility Scanner (स्क्रीन को स्कैन करता है और समस्याएँ ढूँढता है), Axe DevTools, WAVE। ये उपकरण कंट्रास्ट, लक्ष्य आकार, लेबल की उपस्थिति और अन्य पैरामीटर की जाँच करते हैं।

IT Sectr में, हम प्रत्येक रिलीज़ से पहले पहुँच समीक्षा करते हैं। प्रक्रिया में शामिल है: स्वचालित ऑडिट (Accessibility Inspector), VoiceOver और TalkBack के साथ मैन्युअल परीक्षण, कंट्रास्ट और टेक्स्ट स्केलिंग जाँच। हम समस्याओं को Jira में दर्ज करते हैं और उन्हें स्प्रिंट को सौंपते हैं। यह हमें सभी परियोजनाओं में WCAG स्तर AA बनाए रखने की अनुमति देता है।