VoiceOver على iOS: كل عنصر تحكم يتصرف بشكل مختلف

يعد التكيف مع تطبيق iOS موضوعًا كبيرًا ، ولم يتناسب كل شيء مع مقال واحد ، لذلك أصدرهم في سلسلة.

1. التحكم الصوتي و VoiceOver: كيفية تكييف التطبيق للمكفوفين أو الثابتين .
2. VoiceOver على iOS: يتصرف كل عنصر تحكم بشكل مختلف.
3. VoiceOver على iOS: حل المشكلات الشائعة.
4. الفرق بين تنفيذ اختبارات VoiceOver والتحكم الصوتي وواجهة المستخدم. (في تقدم)

ميزات التحكم - جمع السمات

1. نوع التحكم.
2. دولة السيطرة.
3. الخصائص الخاصة للضوابط.

نوع التحكم

• .staticText- للنقوش التي لا تتغير. النص سهل القراءة.
• .header- العنوان: أضف إلى البيتزا ، العنوان.
• .button- زر. الطريقة الرئيسية لتوقيع عناصر التحكم النشطة: تغيير التكوين ، الزر.
• .image - صورة.
• .link- حلقة الوصل. ضيف نادر في التطبيقات ، متكرر على المواقع.
• .searchField - بحث.

1. اذكر العنوان. .staticTextيتم تعيينه تلقائيًا لجميع التصنيفات ، ولكن .headerبالنسبة إلى العنوان ، عليك وضعه يدويًا. عندما تكون هذه الحاجة .headerو .staticText.
2. ضع علامة على المكان تحت الصورة. في المرة الأخيرة التي أخفينا فيها جميع الصور الصغيرة من VoiceOver ، لم نفقد المحتوى الإعلامي. هذه المرة كانت الصورة كبيرة ، ليس من السهل إخفاءها: سيصبح المكان فارغًا ، هذا غريب. نحتفل بالصورة بينما .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- يبدأ التحكم في التفاعل مثل زر على لوحة المفاتيح. يحتوي VoiceOver على العديد من أوضاع إدخال النص لمثل هذه الحالات:
  
  - standart typing- كزر بسيط في VoiceOver: التركيز أولاً على الحرف ، ثم انقر نقرًا مزدوجًا في أي مكان لكتابته. يمكنك الكتابة بشكل أسرع بكلتا يديك: قم بقيادة لوحة المفاتيح بإصبع واحد (سيتم التعبير عن الحروف) والمس بالإصبع الآخر لتأكيد تحديد المفتاح.
  - touch typing- اتصال سريع أحادي الذراع: مرر إصبعك عبر لوحة المفاتيح إلى الأزرار الصوتية. حرر إصبعك لكتابة الرسالة.
  - direct touch typing- مثل مجموعة عادية ، كما لو تم إيقاف تشغيل VoiceOver.

تكوين السمة القوية القابلة للتعديل

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 كبير (نيجني نوفغورود).