VoiceOver sur iOS: chaque contrôle se comporte différemment

L'adaptation de l'application iOS est un gros sujet, tout ne rentre pas dans un seul article, donc je les publie en série.

1. Voice Control et VoiceOver: comment adapter l'application pour les aveugles ou les alambics .
2. VoiceOver sur iOS: chaque contrôle se comporte différemment.
3. VoiceOver sur iOS: résolution des problèmes courants.
4. La différence entre l'implémentation de VoiceOver, le contrôle vocal et les tests d'interface utilisateur. (En cours)

Fonctions de contrôle - Collection de traits

1. Type de contrôle.
2. L'état de contrôle.
3. Propriétés spéciales des contrôles.

Type de contrôle

• .staticText- pour les inscriptions qui ne changent pas. Le texte est facile à lire.
• .header- rubrique: ajouter à la pizza, rubrique.
• .button- bouton. La principale façon de signer les contrôles actifs: modifier la composition, bouton.
• .image - image.
• .link- lien. Un invité rare dans les applications, fréquent sur les sites.
• .searchField - Chercher.

1. Indiquez le titre. .staticTextdéfinir automatiquement pour toutes les étiquettes, mais .headerpour le titre, vous devez le mettre manuellement. Lorsque ce besoin et .headeret .staticText.
2. Marquez l'endroit sous l'image. La dernière fois que nous avons caché toutes les petites images de VoiceOver, nous n'avons pas perdu de contenu informatif. Cette fois, l'image est grande, ce n'est pas si facile à cacher: l'endroit va devenir vide, c'est étrange. Nous marquons l'image comme nous la .imagesignons .accessibilityLabel = " ".

Statut de contrôle

• .selected- ajoute «sélectionné» devant le nom du champ. Convient à tous les commutateurs et cases à cocher.
• .notEnabled- ajoute «indisponible». Ce paramètre n'est pas visible dans Interface Builderet n'est contrôlé que par programme.

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

Propriétés spéciales des contrôles

• .summaryElement — , . , , . , .
• .updatesFrequently —  . .
• .causesPageTurn —  . accessibilityScroll(.next) , . .firstResponder.
• .startsMediaSession —  VoiceOver , . , . , VoiceOver .
• .playsSound —  , ( , ).
• .allowsDirectInteraction- pour dessiner et gérer les gestes. Le contrôle traite immédiatement le toucher comme si VoiceOver était désactivé.
• .keyboardKey- le contrôle commence à réagir comme un bouton du clavier. VoiceOver dispose de plusieurs modes de saisie de texte pour de tels cas:
  
  - standart typing- comme un simple bouton dans VoiceOver: concentrez-vous d'abord sur la lettre, puis double-cliquez n'importe où pour l'écrire. Vous pouvez taper plus rapidement avec les deux mains: pilotez le clavier avec un doigt (les lettres seront prononcées) et touchez avec l'autre doigt pour confirmer la sélection des touches.
  - touch typing- Numérotation rapide à un bras: faites glisser votre doigt sur le clavier pour accéder aux boutons vocaux. Relâchez votre doigt pour écrire la lettre.
  - direct touch typing- comme un ensemble normal, comme si VoiceOver était désactivé.

Configuration du puissant trait .adjustable

1. Rendez le conteneur avec des boutons disponible.
2. Mettez un trait .adjustable.
3. Mettre en œuvre des méthodes d'augmentation et de diminution.
4. Renvoie la nouvelle valeur de .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 { }
    }
}

Conclusion

Afin de ne pas manquer le prochain article, abonnez-vous à ma chaîne Dodo Pizza Mobile .

Et maintenant, nous avons un poste vacant dans la direction mobile. Je laisse donc ça ici: développeur iOS senior (Nizhny Novgorod).