iOS 应用中无障碍技术的集成方法-JavaScript中文网-JavaScript教程资源分享门户

什么是无障碍技术

随着移动设备用户群的不断扩大，无障碍技术的重要性越来越受到开发者的关注。无障碍技术是一种包括硬件和软件方面的技术，使得身体残障、听力障碍和视觉障碍的用户也能够使用智能设备。通过无障碍技术，我们可以提供更多元化、包容性强的用户体验，帮助用户更好地和我们的应用互动和交流。

在 iOS 应用中，无障碍技术主要包括视觉、听觉和操作方面的技术。其中，视觉方面的技术主要是指 VoiceOver 屏幕阅读器，可以帮助用户听到屏幕上的文字和控件信息。而听觉方面的技术主要是指『发音器』，可以向用户发出声音提示，帮助用户更好地理解应用。操作方面的技术包括指示器、可访问性标签、调整字体大小等，可以使得操作更加简便、便利。

为什么要使用无障碍技术

无障碍技术可以帮助我们提高应用的可用性和可访问性。在开发 iOS 应用时，无障碍技术可以：

提供无障碍的应用体验，帮助用户更好地使用应用；
为覆盖开发人员无法想象到的用户需求做准备，确保我们的应用可以满足人们的多样需求；
促进虚拟共性和真实团体的融合。

下面，我们将详细说明如何在 iOS 应用中整合无障碍技术。

如何在 iOS 应用中集成无障碍技术

iOS 应用的无障碍技术是内置在系统中的，无需我们自行实现。我们需要做的是提供适配和优化，使得应用的界面和交互可以融合至系统无障碍技术的架构体系中。

开启 VoiceOver

有关无障碍技术的应用开发，我们常常需要执行一些在标准应用程序开发中不需要相应的操作，例如开启和关闭屏幕阅读器。开启 VoiceOver 可以帮助我们边测边调，并在应用设计期间了解用户屏幕访问体验。

请依次打开「设置」>「通用」>「辅助功能」>「VoiceOver」，或者在设备锁屏状态下快捷启用方法是：三击 Home 键，再点击 VoiceOver 按钮。

无障碍化你的应用

接下来，我们将详细介绍无障碍技术的集成方法。

操作方面的技术——指示器

开发者可以使用 UIAccessibilityTraitButton、UIAccessibilityTraitLink 等属性来表示 UIButton 和 UILabel 应被 VoiceOver 当做按钮和链接读取。iOS 系统也使用这些属性来标记系统的按钮和链接。

let fooButton = UIButton(frame: CGRect(x: 0, y: 0, width: 80, height: 40))
fooButton.isAccessibilityElement = true
fooButton.accessibilityLabel = "foo button"
fooButton.accessibilityTraits = [.button]

操作方面的技术——通用标签

我们可以使用 accessibilityIdentifier 属性为任何一个可访问元素（例如文本框、选项按钮、表格单元格等）设置一个唯一的逻辑标签，来提高标识准确性，以便开发者可以通过通过 JavaScript 开发自动化功能测试。

let fooTextField = UITextField(frame: CGRect(x: 0, y: 100, width: 80, height: 40))
fooTextField.isAccessibilityElement = true
fooTextField.accessibilityIdentifier = "foo text field"

操作方面的技术——自定义标签

在有些情况下，使用 UIKit 内建的对象类无法完全满足开发者的需求，我们可能需要创建自定义视图。使用 accessibilityLabel 属性为视图创建自定义标签，这样系统就可以将内容传递给 VoiceOver，让用户可以正确识别我们定制的界面元素。

let fooCustomView = UIView(frame: CGRect(x: 0, y: 200, width: 80, height: 40))
fooCustomView.isAccessibilityElement = true
fooCustomView.accessibilityLabel = "foo custom view"

视觉方面的技术——VoiceOver屏幕阅读器

VoiceOver 是 iPhone 上的一种内置的屏幕阅读器，可以帮助视力障碍用户通过听到应用的屏幕内容来操作手机界面。当我们应用中存在自定义视图时，需要为其定义 accessibilityLabel 属性值，提供对应视图的详细说明，以让 VoiceOver 可以准确地传递正确的内容给用户。

let fooLabel = UILabel(frame: CGRect(x: 0, y: 300, width: 80, height: 40))
fooLabel.isAccessibilityElement = true
fooLabel.text = "foo label"
fooLabel.accessibilityLabel = "This is a foo label test view. Now, we should see the VoiceOver output."

有助于听觉理解的技术——发音器

在无障碍技术中，发音器可以为用户提供有助于理解的语音提示。例如，在视频应用中，开发者可以使用发音器为用户提供语音提示，使他们更好地理解应用所显示的内容。

let str = "Hello, World!"
let utterance = AVSpeechUtterance(string: str)
utterance.rate = 0.25 //播放速率
utterance.pitchMultiplier = 1.1 //音调
utterance.voice = AVSpeechSynthesisVoice(language: "en-US") //播放语言
let synthesizer = AVSpeechSynthesizer()
synthesizer.speak(utterance)

总结

本文简介了 iOS 应用在无障碍技术方面的集成方法和细节讨论。通过无障碍技术的集成，我们可以为残障人群提供更多样化的用户体验，同时，也符合我们的创新理念，是 iOS 应用体系更加完整、更具有社会责任感的体现。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/659e0500add4f0e0ff721850