IOS पर VoiceOver: प्रत्येक नियंत्रण अलग तरह से व्यवहार करता है

IOS एप्लिकेशन का अनुकूलन एक बड़ा विषय है, सब कुछ एक लेख में फिट नहीं हुआ, इसलिए मैं उन्हें एक श्रृंखला में जारी करता हूं।

1. वॉयस कंट्रोल और वॉइसओवर: ब्लाइंड या स्टिल के लिए एप्लिकेशन को कैसे अनुकूलित करें ।
2. IOS पर VoiceOver: प्रत्येक नियंत्रण अलग तरीके से व्यवहार करता है।
3. IOS पर VoiceOver: आम समस्याओं का समाधान।
4. वॉयसओवर, वॉयस कंट्रोल और यूआई परीक्षणों के कार्यान्वयन के बीच अंतर। (चालू)

नियंत्रण सुविधाएँ - विशेषता संग्रह

1. नियंत्रण का प्रकार।
2. नियंत्रण की स्थिति।
3. नियंत्रण के विशेष गुण।

नियंत्रण का प्रकार

• .staticText- शिलालेखों के लिए जो नहीं बदलते हैं। पाठ को पढ़ना आसान है।
• .header- हैडिंग: पिज्जा में जोड़ें, हेडिंग।
• .button- बटन। सक्रिय नियंत्रणों पर हस्ताक्षर करने का मुख्य तरीका: संरचना, बटन बदलें।
• .image - चित्र।
• .link- संपर्क। अनुप्रयोगों में एक दुर्लभ अतिथि, अक्सर साइटों पर।
• .searchField - खोज।

1. शीर्षक इंगित करें। .staticTextसभी लेबल के लिए स्वचालित रूप से सेट करें, लेकिन .headerशीर्षक के लिए आपको इसे मैन्युअल रूप से रखना होगा। जब यह जरूरत है .headerऔर .staticText।
2. तस्वीर के नीचे जगह चिह्नित करें। पिछली बार हमने वॉयसओवर से सभी छोटी तस्वीरों को छिपाया था, हमने सूचनात्मक सामग्री नहीं खोई। इस बार तस्वीर बड़ी है, इसे छिपाना इतना आसान नहीं है: जगह खाली हो जाएगी, यह अजीब है। जैसे ही हम .imageहस्ताक्षर करते हैं हम चित्र को चिह्नित करते हैं .accessibilityLabel = " "।

नियंत्रण की स्थिति

• .selected- नियंत्रण के नाम के सामने "चयनित" जोड़ता है। सभी स्विच और चेकबॉक्स के लिए उपयुक्त है।
• .notEnabled- "अनुपलब्ध" जोड़ता है। यह सेटिंग दृश्यमान नहीं है Interface Builderऔर केवल प्रोग्रामेटिक रूप से नियंत्रित है।

class ToppingCell: UICollectionViewCell {
    override var isSelected: Bool {
        didSet {
            if isSelected {
                accessibilityTraits.formUnion(.selected)
            } else {
                accessibilityTraits.formIntersection(.selected)
            }
        }
    }
    ...
}

नियंत्रण के विशेष गुण

• .summaryElement — , . , , . , .
• .updatesFrequently —  . .
• .causesPageTurn —  . accessibilityScroll(.next) , . .firstResponder.
• .startsMediaSession —  VoiceOver , . , . , VoiceOver .
• .playsSound —  , ( , ).
• .allowsDirectInteraction- इशारों को खींचने और संभालने के लिए। नियंत्रण तुरंत स्पर्श को संसाधित करता है जैसे कि VoiceOver को बंद कर दिया गया था।
• .keyboardKey- कंट्रोल कीबोर्ड पर बटन की तरह रिएक्ट करने लगता है। वॉइसओवर के पास ऐसे मामलों के लिए कई टेक्स्ट इनपुट मोड हैं:
  
  - standart typing- वॉइसओवर में एक साधारण बटन के रूप में: पहले पत्र पर ध्यान दें, और फिर इसे लिखने के लिए कहीं भी डबल-टैप करें। आप दोनों हाथों से तेजी से टाइप कर सकते हैं: कीबोर्ड को एक उंगली (अक्षरों को आवाज दी जाएगी) पर चलाएं और कुंजी चयन की पुष्टि करने के लिए दूसरी उंगली से स्पर्श करें।
  - touch typing- एक-सशस्त्र गति डायल: कीबोर्ड से वॉइस बटन तक अपनी उंगली स्वाइप करें। पत्र लिखने के लिए अपनी उंगली छोड़ें।
  - direct touch typing- एक नियमित सेट की तरह, जैसे कि VoiceOver को बंद कर दिया गया था।

शक्तिशाली .adjustable विशेषता को कॉन्फ़िगर करना

1. बटनों के साथ कंटेनर उपलब्ध कराएं।
2. एक लक्षण रखो .adjustable।
3. बढ़ते और घटते के तरीकों को लागू करें।
4. के लिए नया मान लौटाएं .accessibilityValue।

override public func awakeFromNib() {
        super.awakeFromNib()
        
        isAccessibilityElement = true // 1
        accessibilityTraits = .adjustable // 2
    }

extension SegmentedControl {
    override public func accessibilityIncrement() { // 3
        controller.selectNext(increment: +1)
    }
    
    override public func accessibilityDecrement() { // 3
        controller.selectNext(increment: -1)
    }
    
    public override var accessibilityValue: String? { // 4
        get {
            return selectedSegment?.accessibilityValue
        } set { }
    }
}

निष्कर्ष

अगले लेख को याद नहीं करने के लिए, मेरे डोडो पिज्जा मोबाइल चैनल की सदस्यता लें ।

और अब हमारे पास मोबाइल दिशा में एक रिक्ति है। इसलिए मैं इसे यहां छोड़ देता हूं: सीनियर iOS डेवलपर (निज़नी नोवगोरोड)।