App切换控制辅助功能

App切换控制辅助功能

切换控制是一种功能强大的辅助功能技术，适用于行动不便的用户。此功能为 iOS 原生功能，你可以使用提示、技巧和一些 API 为你的 app 创建更好的切换控制体验。我们将向你介绍用户如何使用切换控制，并提供最佳方法，让你的 app 有效支持这一技术。要想充分利用本次会议，建议先熟悉常用的辅助功能原则和旁白辅助 API。获取更多信息，请查看“通过自定义操作让访问 App 更方便”，“编写出色的辅助功能标签”和“旁白：超越视觉效果的 App 测试”。

资源
- Accessibility for UIKit
- - 高清视频
  - 标清视频
相关视频

WWDC19
下载

（你好 WWDC 2020）大家好欢迎来到全球开发者大会（APP切换控制辅助功能）（SOMMER PANAGE 工程经理）我是 Sommer 我要谈的是 app 切换控制辅助功能今天我很高兴能够讨论一项非常重要的技术这项技术能为运动功能障碍人士提供支持那就是切换控制我们经常谈到视力辅助方面的 API 在运动辅助方面却较少提及对切换控制用户来说我们或许需要采取更多措施为这些用户真正赋予操作的便利今天我们会涵盖什么是切换控制哪些人使用这个功能（什么是切换控制）然后我们讨论可使用的 API 以便为切换控制用户提供特定的支持最后我们会谈及一些通用的最佳做法以便更好地为运动功能障碍人士提供辅助
那么我们先开始了解切换控制吧
切换控制是内置在 Apple 设备中的一项技术它可以使运动能力有限的用户与 iOS 设备进行互动方法是操作一种或多种外部开关或按钮
用户通过这些开关在屏幕上控制光标启动开关可以显示菜单让用户通过轻点手势、滚动、控制音量等多种方式进行操作使用开关系统的用户通常肢体行动不便因此这些开关或按钮通常安装在轮椅上用户通过头部轻点舌部点击用吸管吸气或吹气来操作开关由于这些设备安装在轮椅上它们通常处于充电状态使屏幕保持开启当然了解切换控制的最佳方式是观看我们的一位用户如何操作我们将会看到 Ian Mckay 他在树林中移动通过嘴控型开关来拍照
（Ian M.与切换控制）
我们注意到他可以用不同的嘴部动作来移动屏幕上的光标进行轻点操作等等在刚在的视频中我们看到 Ian 通过嘴部动作进行多种切换另一种很常见的情况是切换控制用户会使用自动光标自动光标可以自动扫描项目直到用户进行互动我们可以具体观看一下这种自动扫描行为（世界时钟）我要用一个开关在世界时钟里添加新时钟我要添加我最喜欢的城市之一阿姆斯特丹请注意看光标在自动扫描我什么也不用做当我按下开关时光标进入当前选中的选项组如果光标悬停在下拉菜单选项时切换控制可以显示菜单这是我们用户使用切换控制与设备互动的常见方式在创建便于切换控制用户使用的 app 时有一些事项需要我们额外考虑在使用自动扫描时用户通常需要等待光标选中目标选项或选项组因此按下开关的时机非常重要一次错按会导致用户需要多进行几个步骤来执行简单的操作此外导航项目的有效性和分组对切换控制用户而言是关键因为不当的分组会导致用户需要经过长时间的等待才能选中目标选项最后一些切换控制用户可能会有颤抖或其它不自主运动这将使错按发生的几率高于其它辅助技术如果有一个选项可以删除所有数据或退出登录那么一次意外的错按将会给切换选择用户造成破坏性的后果因此容错度非常重要现在我们已经更好地了解谁在使用切换选择功能也了解了我们针对这一用户群体需要考虑的重要事项让我们来看看如何创建便于这些用户的 app 但在讨论代码之前我想强调一个要点（切换控制支持几乎全部免费）（并附有良好的旁白辅助功能）对于切换控制你们通常不需要做任何额外的工作创建一个可以 100% 使用旁白功能的 app 对切换控制而言已经相当不错但有时候我们还需要稍微进行优化来提升我们的切换控制体验特别是我们可能需要一些特定行为而这些行为不适用于旁白功能另外通过了解便于切换控制的 API 我们可以设计和创建专门面向切换控制用户的 app 现在我们谈谈一些代码以及它们的作用最近我的很多朋友都有了小孩这些孩子长大一些后开始学习认识数字、形状和颜色我一直是手作礼物的爱好者所以我觉得为他们创建一款 app 会很有趣这是一款叫 Shape Shuffle 的游戏在游戏中孩子可以通过完成越来越多的挑战在学习路径上通关这些挑战要求他们给出不同个数、形状和颜色的组合让我们看一段视频了解它的操作在主界面我们可以在曲折的形状路径上选择一个关卡我要选第三关（两个蓝色方形）我们进入关卡后得到这样一个提示：两个蓝色方形我们可以点这些卡片来翻牌选择三张卡片来完成提示我找到了蓝色卡片我可以轻点两次蓝色卡片提交答案轻点两次这样就好了现在我继续翻牌寻找数字 2 或者方形
还没找到
找到了 2 现在我可以轻点两次这张卡片然后继续寻找方形如果我不确定翻到的是不是方形我可以长按卡片添加标签提示它的位置以便帮助我记得返回查看然后我继续寻找
现在我可以在几种形状上钉标签直到我确定找到了方形
我觉得下面那张是正确答案所以我双击这就好了我完成了我的第一个关卡（两个蓝色方形）（成功）这款游戏对能够轻点屏幕的用户而言简单又有趣但对我们的切换控制用户而言却具有挑战性（许多关卡没有清晰的分组）首先主界面没有明确的元素分组通常切换控制光标会从上到下从左到右扫描而这款游戏的关卡线是曲折的这会导致光标不能按正确的顺序扫描关卡另外由于我们完全不对关卡进行分组想寻找第 30 关的用户需要等待很长时间才能等到光标到达目标关卡（依赖轻点操作来查看卡片）其次我们需要轻点卡片来查看卡片内容为了查看卡片人工进行切换控制的用户可能需要多次操作开关这会非常费力因为关卡越高出现的卡片也越多（使用手势进行互动）最后轻点两次和长按手势需要频繁操作对部分切换控制用户来说这些手势可以实现但他们需要进入手势子菜单这将会更加拖延游戏进程让我们看看怎么解决第一个问题我们的关卡页面有太多需要切换控制的元素光标扫描这些元素时也毫无章法解决办法分两步首先我们需要让切换控制在单个关卡区内组合项目方法是组合 accessibilityNavigationStyle 代码幸好这很简单因为我已经使用容器视图为每三个关卡都建好了视图层级接下来我们需要控制元素的顺序不首选从上到下从左到右的扫描顺序做法是通过明确设置 AccessibilityElements 阵列来回到我们需要的特定顺序这样切换控制会先前往第四关再扫描第五关然后再扫描第六关
另一个问题是轻点翻牌需要我们的切换控制用户多次进行互动使用自动扫描的用户也许不介意但进行人工扫描的用户会发现翻牌导航很费力（辅助功能切换控制自动翻牌）我们为这些用户添加了额外的设置使光标移到牌上时可以自动翻牌为了执行这一步当光标移到牌上时 accessibilityElementDidBecomeFocused 将会被调用代码被调用后我们就可以把牌的正面翻过来当光标从牌上移开时我们会调用 accessibilityElementDidLoseFocus 于是牌会翻回来现在我们来看看具体的过程注意看翻牌是怎样自动进行的这里不需要进行菜单交互在解决最后一个问题之前即游戏需要多种手势操作的问题我要快速介绍自定义辅助功能操作的概念（在 APP 中便捷访问行为）自定义操作可以使旁白和切换控制等辅助技术可以便捷访问 app 中的常见行为而这些行为很难通过光标导航来访问例如在提醒事项中删除和旗标等滑动操作被列为自定义操作（减少混乱）把这些选项设为自定义操作而不是用户需要进行光标导航的视图这样我们可以大大减少混乱（提升便捷度及响应速度）同时可以大大提升常见行为的导航速度因此操作起来也更方便现在回到我们的 app 上这款游戏需要频繁使用轻点两次和长按手势这使得切换控制用户需要反复回到手势菜单因此我们应该把这些手势变成操作让用户可以轻松地在顶级菜单进行这些操作我们可以通过 accessibilityCustomActions API 实现为了让每个操作显示在切换控制的顶级菜单中我们只需创建代码 UIAccessibilityCustomAction 我们为每个操作创建选项后将这些选项作为序列分配到 AccessibilityCustomActions 上当用户在该视图启动开关时它们就会显示在切换控制的顶级菜单上离开这一页之前我想再强调一点我们在 iOS 14 中引入了新的 API 让大家可以为自定义操作设置图标如大家所见我用 SF Symbols 图标来为我的标签操作设置图标并将一个加号设为我的添加操作图标如果你们不用图标你们会看到我们原有的默认行为菜单项会显示操作名称的首字母（选择项目下一项目）现在我们看看这款游戏在切换控制功能下的操作为了显示自动翻牌我关闭了自动扫描这样你们会看到我使用两个开关
我使用右边的红色开关使光标移到下一选项左边的黄色开关用于进入一个选项组或打开一个选项的菜单由于我进行的是人工扫描你们会发现我开启了自动翻牌行为在搜索六个蓝色三角形时我会在顶级菜单使用新的标签操作在卡片的右上角钉上标签在翻出更多牌后我会找到蓝色卡片然后用另一操作添加到答案中在结束 API 的讨论之前我要强调一些对切换控制有用的方法和属性首先… （检测切换控制正在运行） …如果切换控制运行时你们需要得到通知你们可以调用 isSwitchControlRunning 或使用相关的通知（区别旁白交互）其次有时候你们的用户界面是静态的比如 UILabel 当用户轻点时会进行更新这种情况下我们要让切换控制知道它需要导航到该选项尽管它看起来像静态文本我们可以将 accessibilityResponds ToUserInteraction 设为真值以上就是 API 方面的内容希望大家能学到有用的窍门来打磨和优化自己的切换控制 app 也希望这些技巧能让大家对创建一款完全适用于切换控制用户的 app 有自己的构思（最佳做法）最后我想跟大家分享一些常见的最佳做法帮助大家确保自己的 app 可以辅助有运动功能障碍的用户但是这些建议不仅仅适用于切换控制它们能给所有用户带来更好的体验首先… （确认破坏性行为） …你们需要在 app 中确认破坏性行为或者后果严重的行为这对切换控制用户来说尤为重要因为他们错按选项的频率更高用户如果意外删除了所有数据或账户这绝对不好受（不设时限）其次我们建议在 app 中不设时限至少在控制切换运行时不设时限输入配对码及认证码的页面经常会出于安全考虑而设置很短的时限切换控制用户由于需要等待光标移动因此输入信息的速度较慢输错信息时更改的时间也较长因此时间限制让他们很无奈第三… （对元素分组提升扫描效率及速度） …确保你们的视图层级便于在屏幕上对选项进行分组清晰且便于操作的项目分组对所有用户都有益当切换控制运行时这些分组变得更为重要它们可以提升光标导航的效率和速度（切忌在屏幕上长时间显示用户隐私）最后请谨记切换控制用户可以使用安装在轮椅上的设备进行操作这表示他们比较难以遮挡屏幕因此我们要避免在屏幕上长时间地显示账号或医疗信息到这里我们的演讲就告一段落了（运动功能障碍用户使用的切换控制）希望大家能更好地认识到什么样的群体在使用切换控制并在创建 app 时为这类用户群体考虑一些关键的事项我们仅仅添加几个代码就可以对我们的游戏进行个性化设置让它能够提供流畅简单的切换控制体验最后我们学习了一些最佳做法这些做法在不同程度上极大地影响着切换控制用户我们希望这个分享能帮助大家创建真正便于每个人使用的 app 感谢大家的参与祝大家能够开心体验 2020 全球开发者大会

7:53 - Navigation Style and Element Ordering

containerView.accessibilityNavigationStyle = .combined

containerView.accessibilityElements = [ levelFourView, levelFiveView, levelSixView]

8:47 - Follow Focus API

// Following Focus API 

class CardView : UIView { 
    var orientation: CardOrientation
    
    enum CardOrientation {
        case front
        case back
    }
    
    override func accessibilityElementDidBecomeFocused() {
        self.flip(to: .front)
    } 

		override func accessibilityElementDidLoseFocus() {
        self.flip(to: .back)
    }
    
// The rest of the class…
}

9:56 - Custom Actions API

// Custom Actions API (VoiceOver uses this too)

func configureActions() {

  let pinAction = UIAccessibilityCustomAction(
      name: "Pin Card") { (_) -> Bool in
          self.setPinned(true)
          return true
      }
  pinAction.image = UIImage(systemName: "pin")
       
  let addAction = UIAccessibilityCustomAction(
      name: "Add Card") { (_) -> Bool in
          self.setSelected(true)
          return true
      }
    addAction.image = UIImage(systemName: "add.square")

        
	self.accessibilityCustomActions = [addAction, pinAction]
}

11:51 - Other Useful API

static var isSwitchControlRunning: Bool { get }

var accessibilityRespondsToUserInteraction: Bool { get set }

正在查找特定内容？在上方输入一个主题，就能直接跳转到相应的精彩内容。

提交你查询的内容时出现错误。请检查互联网连接，然后再试一次。

资源

相关视频

WWDC19