VoiceOver en iOS: cada control se comporta de manera diferente

La adaptación de la aplicación iOS es un gran tema, no todo encaja en un artículo, por lo que los lanzo en una serie.

1. Control de voz y VoiceOver: cómo adaptar la aplicación para ciegos o quietos .
2. VoiceOver en iOS: cada control se comporta de manera diferente.
3. VoiceOver en iOS: Solución de problemas comunes.
4. La diferencia entre la implementación de VoiceOver, Voice Control y las pruebas de IU. (En progreso)

Características de control - Colección de rasgos

1. Tipo de control.
2. El estado de control.
3. Propiedades especiales de los controles.

Tipo de control

• .staticText- para inscripciones que no cambian. El texto es fácil de leer.
• .header- encabezado: Agregar a la pizza, encabezado.
• .button- botón La forma principal de firmar controles activos: Cambiar la composición, botón.
• .image - imagen.
• .link- enlace. Un invitado raro en aplicaciones, frecuente en sitios.
• .searchField - Buscar.

1. Indica el título. .staticTextconfigurado automáticamente para todas las etiquetas, pero .headerpara el título debe ponerlo manualmente. Cuando esto necesita y .headery .staticText.
2. Marque el lugar debajo de la imagen. La última vez que ocultamos todas las imágenes pequeñas de VoiceOver, no perdimos contenido informativo. Esta vez la imagen es grande, no es tan fácil de ocultar: el lugar se vaciará, esto es extraño. Marcamos la imagen cuando la .imagefirmamos .accessibilityLabel = " ".

Estado de control

• .selected- agrega "seleccionado" delante del nombre del control. Apto para todos los interruptores y casillas de verificación.
• .notEnabled- agrega "no disponible". Esta configuración no es visible Interface Buildery solo se controla mediante programación.

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

Propiedades especiales de los controles.

• .summaryElement — , . , , . , .
• .updatesFrequently —  . .
• .causesPageTurn —  . accessibilityScroll(.next) , . .firstResponder.
• .startsMediaSession —  VoiceOver , . , . , VoiceOver .
• .playsSound —  , ( , ).
• .allowsDirectInteraction- para dibujar y manejar gestos. El control procesa inmediatamente el toque como si VoiceOver estuviera apagado.
• .keyboardKey- el control comienza a reaccionar como un botón en el teclado. VoiceOver tiene varios modos de ingreso de texto para tales casos:
  
  - standart typingcomo un simple botón en VoiceOver: primero enfóquese en la letra y luego toque dos veces en cualquier lugar para escribirla. Puede escribir más rápido con ambas manos: maneje el teclado con un dedo (las letras tendrán voz) y toque con el otro dedo para confirmar la selección de teclas.
  - touch typing- Marcación rápida con un solo brazo: deslice el dedo por el teclado hasta los botones de voz. Suelta tu dedo para escribir la carta.
  - direct touch typing- como un conjunto normal, como si VoiceOver estuviera desactivado.

Configurando el poderoso rasgo .adjustable

1. Haga el contenedor con botones disponibles.
2. Pon un rasgo .adjustable.
3. Implementar métodos de aumento y disminución.
4. Devuelve el nuevo valor para .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 { }
    }
}

Conclusión

Para no perderse el siguiente artículo, suscríbase a mi canal Dodo Pizza Mobile .

Y ahora tenemos una vacante en la dirección móvil. Así que solo lo dejo aquí: Senior iOS Developer (Nizhny Novgorod).