基于UAAG2.0 Reference的移动无障碍案例（二）

来源：互联网发布：西乡隆盛知乎编辑：程序博客网时间：2024/06/05 02:53

原文：https://www.w3.org/TR/IMPLEMENTING-UAAG20/mobile
翻译： CSDN
审校：张昆刘辉刘彪沈广荣（信息无障碍研究会）

基于UAAG2.0 Reference的移动无障碍案例（一）
基于UAAG2.0 Reference的移动无障碍案例（二）
基于UAAG2.0 Reference的移动无障碍案例（三）
基于UAAG2.0 Reference的移动无障碍案例（四）

本页列举了基于《UAAG2.0 Reference：用户代理无障碍指南2.0（UAAG2.0）解释、案例与资源》的移动案例。其中包括准则、成功标准，并旨在为移动案例提供上下文。相关背景请参阅UAAG概述。

这些案例展示了在移动设备上基于UAAG的Web浏览器是如何帮助残障用户的。

原则2：确保用户界面的可操作性
- 指南2.1：保证所有功能键盘可访问
- 指南2.2：提供顺序导航
- 指南2.3：提供直接导航与激活
- 指南2.4：提供文本搜索
- 指南2.5：提供结构导航
- 指南2.6：提供方式访问事件处理器
- 指南2.7：配置与保存偏好设置
- 指南2.8：图形控件的自定义显示
- 指南2.9：允许时间独立的交互
- 指南2.10：帮助用户避免可能引起癫痫的闪光
- 指南2.11：提供对时基媒体的控制

原则2.确保用户界面的可操作性

注：模态独立：与浏览器互动的用户们可能使用一种或多种输入方法，囊括键盘、鼠标、语音、触摸和手势等在内。至关重要的一点是对每一个用户而言，对于给定的情况，选择何种能够获得最优结果的输入方法或方法组合是完全自由的。如果每一个潜在用户的任务都是可获取的，那么多种形式是可被支持的，从而用户能够选择获得最优效果的方式。比如，如果一个用户不能使用或无法获取鼠标，但能够使用或获取键盘，键盘可以调用模态独立控制以激活将鼠标移至目标上（OnMouceOver）的操作。另一个例子是，一个使用移动设备的用户，没有键盘但可以通过触屏，无线连接装置和语音命令模拟离散或键盘输入。更多关于应用程序界面（API）和形式独立控件技术的相关信息，请查阅独立用户界面：事件。

指南2.1-保证所有功能键盘可访问[ 指南2.1 ]

2.1.1提供键盘方法操作所有功能：

所有功能都可以通过键盘使用顺序或直接键盘命令实现操作，并且未对每次键击做特定的时限要求，除非底层功能需要的是依赖用户的移动路径且不作为端点的输入方法（例如自由手绘）。此操作不会禁止也不应阻止键盘操作之外的输入形式，包括鼠标、触摸、手势和语音等。（A级）

成功标准2.1.1的移动实例：

Karen是一位患有肌肉萎缩症的用户，不能在手机上轻松使用屏显键盘导航网页。相反，她使用简单的手势在网页中的元素间移动。当焦点从一个元素移动到另一个元素时，便会出现一个可见的焦点指示。

2.1.2显示键盘焦点：

每一个视图在任何时候都有一个有效的或无效的键盘焦点。（A级）

成功标准2.1.2的移动实例：

Jeremy是一名不能用手控制平板电脑的语音输入用户。他使用语音命令打开网页。网页中有一个搜索区域，并且一般而言在搜索区域会出现键盘焦点。Jeremy看见搜索区域的指示，明白在说出搜索术语前他并不需要导航到搜索区域。
Erin是一位患有阅读障碍症的用户，这经常让她迷失方向。她使用手势在手机上导航。当焦点从一个元素移动至另一个元素时，便会出现一个可见的焦点指示，这允许她轻松地找到焦点所在。

2.1.4区分选择与激活：

用户可通过用户代理或开发者所提供内容，指定可移动的焦点和选择，而不引起焦点、选择或控制状态的更多变化。（A级）

成功标准2.1.4的移动实例：

Malak是位视障用户。在他的智能手机上，他使用屏幕阅读器导航到网页。他选择一个项目，且能通过手势激活元素。这需要足够的屏幕空间去完成手势而无需改变焦点。

2.1.6高效键盘访问：

用户代理用户界面包含某些机制，让键盘访问比顺序键盘访问更有效。（A级）

成功标准2.1.6的移动实例：

George是位视障用户，他在移动设备上使用手势完成将焦点移至页面顶端、返回之前浏览网页以及激活链接等操作。

指南2.2-提供顺序导航[ 指南2.2 ]

2.2.1在元素间顺序导航：

在当前视图呈现的内容中，用户能够在全部已识别可用元素间向前向后移动键盘焦点。（A级）

成功标准2.2.1的移动实例：

George是位视障用户，他在电脑上使用屏幕阅读器，在手机上使用语音输出以及手势特征。当在手机上完成一份网页表格时，他使用轻扫手势在表格中前进。如果George要穿过表格的下一个区域，或想要返回之前的表格区域，他可以通过一个手势返回。

2.2.3默认导航顺序：

如果作者未指定导航顺序，默认导航顺序是文件的顺序。（A级）

成功标准2.2.3的移动实例：

Alec正在填写超文本标记语言（HTML）表格。因为表格的作者并未使用标签索引属性指定导航的顺序，所以当Alec按下Tab键时，焦点将按照由底层超文本标记语言（HTML）所定义的顺序移动到下一个控制处。只要作者没有改变视觉顺序，则此顺序便是符合逻辑的。Alec在手机上完成表格时也有相同的经历。

2.2.4导航中的跳转选择：

当在文档开头或结尾处顺序导航跳转时，用户可以请求通知，并可以阻止这样的跳转。（AA级）

成功标准2.2.4的移动实例：

Jeff是位患有运动损缺的用户。他使用手势导航网页。当他到达页面最后的活跃元素时，在改变焦点前便会出现已到达页末的指示（例如回到页首，切换页面等）。

指南2.3-提供直接导航与激活[ 指南2.3 ]

2.3.1允许直接导航至可用元素：

在已呈现的内容中，用户可以直接将焦点移动到任何可用元素处。（AA级）

成功标准2.3.1的移动实例：

因为反复性应激损伤，Mary不能使用鼠标或键盘。她给她的浏览器安装了一个使用语音输入的无鼠标浏览插件。她能够在她的智能手机上使用同样的插件。此插件分别用数字覆盖了每一个链接，之后可以直接选择这些数字（例如通过说出“链接12”的命令）。这有效避免了Mary为选择链接而需说的多次“tab”。

2.3.2允许可用元素的直接激活：

在已呈现内容中，用户可以使用单一操作将键盘焦点移到任何可用元素，并且在该元素上执行激活操作。（AA级）

成功标准2.3.2的移动实例：

因为反复性应激损伤，Mary不能使用鼠标或键盘。在手机上，Mary使用单一语音命令开启应用程序，而不是必须使用多种命令在屏幕上找到应用图标然后激活它。

2.3.3在已呈现内容中展示直接命令：

在已呈现内容中，用户可以执行任何已识别的直接命令（例如accesskey，landmark等），这些指令与其相关联元素一起呈现（例如， Alt+R回复网页邮件等）。（AA级）

成功标准2.3.3的移动实例：

Mary是位不能使用鼠标或键盘的用户。她使用语音输入。当在她的平板电脑上阅读邮件时，Mary点击一个可以打开带有设置选项工具栏的控制键，此操作可以显示作者创建的快捷键和其他直接命令。由此，她了解到三指轻扫即可删除当前邮件。

2.3.4在用户界面中展示直接命令

用户可以执行用户代理用户界面中的任何直接指令（例如，键盘快捷键）这些指令与其相关联用户界面控件一起呈现（例如，“Ctrl+S”被显示在保存菜单项目或工具条按钮上）。（AA级）

成功标准2.3.4的移动实例：

Neta是位患有反复性应激损伤的用户。她依靠手势以及快捷方式完成任务。使用她移动设备上特定的命令，她能够上拉一个对箭头与文本的覆盖，且箭头与文本表明了上下文中能够完成的全部命令。此操作允许她尽可能高效地学习新程序，降低了其双手过度劳累的可能性。

2.3.5允许自定义键盘命令：

除了操作环境的常规绑定之外（例如，在菜单中使用方向键导航），用户可以重新设置任何键盘快捷方式，包含开发者提供已识别的快捷方式（例如，快捷键）和用户代理用户界面控件。（AA级）

成功标准2.3.5的移动实例：

Laura是位只能用一只手打字的用户。在她的移动设备上，Laura将常用网址操作一一映射为数值快捷键。举个例子，她更喜欢使用数字键“1”激活网站的搜索功能。每天都访问这个网站的一个作者定义“S”键为搜索功能的快捷键。Laura用快捷键“1”取代了作者指定的快捷键“S”。

指南2.4-提供文本搜索[ 指南2.4 ]

指南2.5-提供结构导航[ 指南2.5 ]

2.5.2通过标题和表格内提供结构导航：

用户代理提供了至少以下几种类型的结构导航，此处的结构类型可识别：（AA级）

通过标题
通过内容部分
表格内

成功标准2.5.2的移动实例：

Armand是位视障用户。当Armand在iOS智能手机上浏览长网页时，他通过手机上的Rotor命令完成从标题到标题的导航。

2.5.3配置结构导航和视图：

用户可以配置被用于结构导航和大纲视图的元素。（AAA级）

成功标准2.5.3的移动实例：

Fred是位视障用户，且使用屏幕阅读器。当Fred使用他的智能手机时，他选了一个允许他从由标题导航切换到由链接导航的控制键。

指南2.6-提供方式访问事件处理器[ 指南2.6 ]

2.6.1允许输入方法的访问与激活：

用户代理为用户提供了一种明确确定与元素相关的可识别输入方法，以及在模态独立方式下激活这些方法的方法。（AA级）

成功标准2.6.1的移动实例：

Ingrid是位视力低下的用户，很难注意到鼠标光标所在位置。当用智能手机导航网页时，她可以用蓝牙键盘或手势操作网页中的所有控制。

指南2.7-配置与保存偏好设置[ 指南2.7 ]

2.7.1允许持续无障碍设置：

用户代理无障碍偏好设置可在会话间持续保持。（A级）

注：用户代理可能带有公共访问设置，能关闭此功能。

成功标准2.7.1的移动实例：

Betty是位视力低下的用户。她定制了浏览器的颜色和字体设置，使得文本更易阅读。她的浏览器嵌入了一个基于云的配置文件，因此她可以通过浏览会话、桌面和平板电脑浏览器保存她的设置。

2.7.2允许将所有恢复至默认设置：

用户能够将所有的偏好设置恢复到默认值。（A级）

成功标准2.7.2的移动实例：

Kathy是位患有累积性创伤失调的用户。对她而言，试用设置是很痛苦的。她不小心在她的智能手机上打开了缩放功能，然后不知道应该如何将其关闭。她使用手势导航至偏好菜单，选择了一个命令，将所有偏好重置为默认值。

2.7.3允许偏好设置的多个组合：

用户可以保存和恢复用户代理偏好设置的多个组合。（AA级）

成功标准2.7.3的移动实例：

Hiroki是位视力低下的用户。当他携带着他的平板电脑时，他使用内置触摸屏操作。当在桌面时，他将其链接至蓝牙键盘和鼠标，并且将显示重新导航至一个大的电脑显示器。浏览器允许他在为不同环境所设置的不同配置间迅速切换。

2.7.4允许来自用户界面外的偏好更改：

为了满足用户代理无障碍指南（UAAG）2.0，用户可以从用户代理用户界面之外调整任何偏好设置。

成功标准2.7.4的移动实例：

Jan很容易对新界面感到迷惑。使用移动手机里的屏幕阅读器功能，她更改了升级后浏览器的界面，然后不知道应如何将其撤销。她使用浏览器开发中的一个应用程序将浏览器设置重置为默认状态。

2.7.5偏好设置可转移：

用户可以在设备间转移所有可兼容的用户代理偏好设置。（AAA级）

成功标准2.7.5的移动实例：

Betty是位视力低下的用户，在她的浏览器上有一个高度定制的颜色面板。她将她的个人定制保存在一个基于云的存储设备中，所以她的偏好设置可以在她使用的其他台式机以及移动浏览器间转移。

指南2.8-图形控件的自定义显示[ 指南2.8 ]

2.8.1位用户界面命令、功能以及扩展自定义控件显示：

在用户代理用户界面中，用户可以自定义显示用户代理命令、功能和扩展，如下：（AA级）

显示：用户可以选择显示在用户代理用户界面内任何可获得的控件，包括用户安装的扩展。限制显示在屏幕上的控件总数是可接受的。
简化：用户可以通过仅显示维持基本操作所需的基本命令来简化默认用户界面（例如隐藏一些控件）。
位置调整：用户可以选择重新调整容器内的个别控件（例如工具栏或工具面板）的位置，同时可以调整容器自身的位置以促进物理访问（例如减小触摸屏上的手动区域，或促进掌上移动设备的优先手动途径）。
分配激活键击或手势：用户可以选择查阅、分配或更改用于激活控件的默认键击或手势。
复位：用户拥有将容器和空间复位为其默认配置的选择权。

成功标准2.8.1的移动实例：

Laura是位仅有一只手的用户。当她左手拿着她的手机时，她必须使用拇指按压控制键。她配置了手机的应用程序，将工具栏置于左侧或底部，所以她可以接触到这些工具栏。
Linda是位患有类风湿性关节炎的用户。对她而言，做出用于手机上缩放功能的缩小的手势是异常困难的。她将缩放的默认手势更改为她更易做到的手势。Linda左手的损伤情况比右手轻。她将一个常用的控件从屏幕的右侧移动至左侧，从而她可以用左手更为轻松地使用。
Jennifer是位视障用户。有时，她会在她朋友Linda的手机上配置应用程序。当Jennifer拿起Linda的手机，她会打开内置屏幕阅读器，从而她能快速使用Linda的手机。当Jennifer结束时，她会将控件恢复为Linda的初始设置。