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

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

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

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

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

浏览器支持仅是移动互联网信息无障碍的一个方面。W3C Web无障碍推进组织（WAI）与移动互联网信息无障碍相关的更广泛的工作请参阅移动互联网信息无障碍。

• 原则1：可感知性
  
  • 指南1.1：替代内容
  • 指南1.2：丢失内容
  • 指南1.3：突出显示
  • 指南1.4：文本配置
  • 指南1.5：音量配置
  • 指南1.6：合成语音配置
  • 指南1.7：用户样式表配置
  • 指南1.8：视图定位
  • 指南1.9：替代视图
  • 指南1.10：元素信息
    
    

原则1-确保用户界面和呈现的内容是可感知的

指南1.1-提供途径访问替代内容［准则1.1］

1.1.2 标明未呈现的替代内容：

当存在可识别的未呈现的替代内容时，用户能够指定其与已呈现的内容一起显示。（A级）

1.1.2 成功标准移动案例：

• Brin是个听障用户。她所使用的视频播放器在播放的视频下方有一个可获取字幕的按钮。她可点击按钮切换字幕，从而理解视频内容。在Brin的手机里，她点开一个视频，“显示字幕”的控制键也会出现在控制选项中。

1.1.3 替换非文本内容：

在明确要求显示非文本内容前，用户能够通过请求获得一个占位符，该占位符中嵌入了已识别的文本替代内容而不是已识别的非文本内容。（A级）

1.1.3 成功标准移动案例：

• Ben是个视障用户，并且需要使用非常大的字体才能阅读。在他的移动设备上，放大页面使得图像过大以至于它们占据了太多的屏幕空间，且需要过多地滚屏。他将偏好设置为，将所有图像以文本（如有）呈现并重排整个页面，因此在节省图像空间的情况下，文本能够流畅地滑动。
• Betty是个视障用户，且很难在她的移动设备上阅读带有背景图片的文本。通过使用用户自定义样式表，她能够在浏览器中禁止显示所有的背景图像。

1.1.4 提供可配置的默认替代内容

对于包括时基媒体在内的任意类型的非文本内容，用户能够指定其默认显示的替代内容类型。（AA级）

1.1.4 成功标准移动案例：

• Ben是个视障用户。他使他的手机浏览器处于“缩放”状态，以便他阅读文本。因为在放大图像时，图像会变得像素化，他更喜欢使用替代文本。在移动设置对话框里，他总是选择显示图像的替代（“后备”）内容，且在不考虑图像占位符的情况下，重新排版整个页面。这种操作节省了屏幕空间并且减小了他滚动页面的次数。

1.1.5 促进时基媒体替代内容的清晰显示

对于已识别的屏幕上的时基媒体替代内容（例如字幕，手语视频），以下均为真：（AA级）

• 不要模糊控制：显示时基媒体的替代内容不会模糊对主时基媒体的可识别控制。
• 不要模糊主媒体：用户在显示时基媒体的替代内容时，不会模糊主时基媒体
• 使用可配置文本：用户能够依照1.4.1对时基媒体替代内容（例如字幕）中的已识别文本进行配置。
• 注：根据屏幕区域的可获得性，可能需要减小主时基媒体的显示尺寸以满足此需求。

1.1.5 成功标准移动案例：

• Jaime是个听障用户，且喜欢在她的手机上始终显示字幕。她将手机上的全局设置设定为打开已关闭的字幕。手机上的所有视频都将自动显示字幕。
• Ben是个视障用户，且在他比较疲劳的日子里视力问题会更为严重。他将手机保持在动态控制的状态下，只需一次触屏便能进入配置界面，从而更改字体大小。此动态控制能够轻松地在屏幕上移动以确保它不会阻碍其他操作，且在闲置几秒后它会自动变为半透明状态。

1.1.6 允许调整时基媒体替代内容的大小及位置：

用户能够通过如下方式配置已识别的时基媒体替代内容（例如字幕、手语视频等）：（AAA级）

• 大小调整：用户能够对时基媒体替代内容的大小进行调整以达到用户代理的视图大小。
• 位置调整：用户可以通过以下两种或更多方式对时基媒体替代内容的位置进行调整：向上，向下，向右，向左和覆盖主时基媒体。
• 注1：根据屏幕区域的可获得性，为满足此要求，可能需要减小主时基媒体的显示尺寸或隐藏主时基媒体。
• 注2：操作时，可能需要在单独的视图中显示时基媒体的替代内容，但这不是必须的。

1.1.6 成功标准移动案例：

• Raymond是一位只有单手可用的用户。他设定了字幕的位置，使得字幕不会被他握住平板电脑的手遮挡。
• Tom是个听障用户。在移动设备的宽屏或横屏模式下观看窄屏视频时，他便将手语翻译的窗口移到一边，使得主媒体占据整个屏幕的高度，而翻译不会有所妨碍。

指南1.2-修复丢失内容［准则1.2］

指南1.3-为选项、键盘焦点、可用元素和已访问链接提供突出显示[ 准则1.3 ]

1.3.1 突出显示的项目：

用户可以指定对以下分类进行突出显示，使得其中每一项都可被单独区分：（A级）

• 选项
• 活跃键盘焦点（使用焦点光标或文本光标标识）
• 可识别的可用输入元素（同无效元素区分）
• 最近的已访问链接
• 找到的搜索结果

1.3.1 成功标准移动案例：

• George是位双手使用受限的用户。他在手机上使用自定义手势。他需要一个可见的焦点指示器来知道当前页面上具有焦点的元素，以便他在手机上使用手势时知晓其将要激活的元素是什么。
• Brin是位听障用户。她所使用的视频播放器中播放的视频下方有一个可获取字幕的按钮。她可点击按钮切换字幕从而理解视频的内容。在Brin的手机上，她点开一个视频，“显示字幕”的控制键也会出现在控制选项中。

指南1.4-提供文本配置[ 准则1.4 ]

1.4.1 基本的文本格式（全局）：

用户可以对视觉呈现文本内容的以下全部特性进行全局设置：（A级）

• 根据已保存的字号差异设置文字比例（例如保持标题与主字体成比例）
• 从所有平台颜色选项中，选择文本颜色与背景颜色
• 从所有已安装字体中，选择字体系列
• 从至少具有三个值的范围中，选择行距

1.4.1 成功标准移动案例：

• Ben是位视障用户。在移动设置对话框中，他选择大字号字体。手机中的所有应用程序均为大字体显示。
• Sebeeya是位视障用户。她发现设置为16号Palatino字体时最容易阅读，且将其浏览器正文文本设置为16号Palatino字体。为了保持标题的突出性，她需要标题与之成比例显示（例如，24号字体）。
  
  

指南1.5-提供音量配置[ 准则1.5 ]

指南1.6-提供合成语音配置[ 准则1.6 ]

1.6.1 语速，音量和声音：

如果生成合成语音，用户可以指定如下内容：（A级）

• 语速
• 音量（独立于音频的其他来源）
• 声音，当可获得的声音多于一种时

1.6.2 语音音高与音域：

如果生成合成语音，且由语音合成器提供，则用户可以指定如下内容：（AA级）

• 音高（说话声音的平均频率）
• 音域（平均频率的变化）
• 注：因为文本语音引擎的技术实现方法有所差异（例如基于共振的合成技术与拼接合成技术），特定的引擎可能不支持变化的音高或音域。如果当前所选或安装的文本语音引擎提供这种性能，用户代理应该公开音高和音域控制的可获得性。

1.6.3 高级语音特性：

若生成合成语音，用户能够调整由语音合成器所提供的语音的全部特性。（AAA级）

1.6.1 ,1.6.2 及 1.6.3 成功标准移动案例：

• Jamie是位视障者。他使用一个基于移动设备的网页浏览器来朗读网页。他可通过一个按键来提高信息回读的速率。同时，他在诸如拥挤的地铁等嘈杂的环境中使用移动浏览器，也可通过一个按键快速提高音量。

1.6.5 合成语音语言：

如果生成合成语音，且可获得的语言超过一种，用户可以改变该语言。（AA级）

1.6.5 成功标准移动案例：

• Hosea是位视障者。他说西班牙语，但是他的导师全说英语。Hosea在他的移动设备上保持着动态控制，他可通过一次点击进入其配置，快速切换语音合成器所朗读的语言。他正在网络上阅读与课程相关的西班牙语材料，但他必须查阅英文说明的参考链接。因为参考链接没有就其适用的语言属性进行编码，所以他的语音合成器不能识别语言的变化。Hosea可使用动态控制快速切换到英文参考，再在回到他之前所读的主要文章时返回西班牙语。
  
  

指南1.7-可对用户样式表进行配置[ 准则1.7 ]

1.7.1 支持用户样式表：

如果用户代理支持开发者样式表机制，用户代理也同样提供用户样式表机制。（A级）

1.7.2 应用用户样式表：

如果支持用户样式表，则用户在以下内容中可以启动或禁用用户样式表：（A级）

• 指定网站的全部网页，或者
• 全部网页

1.7.3 禁用开发人员样式表：

如果用户代理支持开发人员样式表机制，则用户可以在当前页禁用开发人员样式表。（A级）

1.7.1 , 1.7.2 及 1.7.3 成功标准移动案例：

• Lee是位视障用户。她发现在使用移动设备时，黑色背景上的黄色文本最易阅读。她对其浏览器进行配置，从而覆盖开发人员样式表，并在浏览器中始终显示该色彩搭配的文本。
• Mattias患有注意缺陷多动障碍。他发现在桌面或移动设备上大声朗读并以蓝色突出显示的文本最易阅读。他可对突出显示和文本颜色进行配置，并覆盖开发人员样式表，从而文本具有可读性并有充分的色彩对比度。

1.7.4 保存样式表副本：

用户可以保存当前网页引用样式表的副本。该操作允许用户将该副本作为用户样式进行编辑并加载。（AA级）

1.7.4 成功标准移动案例：

• Tanya是位视障用户。她在手机上浏览一个新的网站，发现此网站未针对移动设备进行优化。她更改样式表以提供更好的页面布局和更大的字体。当她返回时，此样式表的自定义设置会被保存并应用。
  
  

指南1.8-帮助用户定位、控制窗口和视区[ 准则1.8 ]

1.8.2 移动视区至选项和焦点

当视区的选项或输入焦点发生变化时，视区的内容会发生移动从而确保新的选择项或输入焦点的位置至少有部分位于视区的可见区域内。

1.8.2 成功标准移动案例：

• Taja通常使用高度放大的方式在手机上浏览网页内容。此操作会频繁地使元素位于视区之外，从而需要滚动阅读。当在聚焦元素间移动时，用户代理视区可自动滚动至当前处于焦点的元素。

1.8.3 提供视图滚动条

当呈现的内容延伸到视图尺寸外，用户可以获得具有滚动条的图形化视图，并重写任何由开发者设置的值。（A级）

1.8.3 成功标准移动案例：

• Terry是位有记忆障碍的用户。她将她的笔记本电脑配置为滚动条随时可见，从而她能够即刻知晓她在文件中的位置。

1.8.4 指明视图位置：

用户可以决定视图相对于所有呈现内容中的位置。（A级）

1.8.4 成功标准移动案例：

• Ally是位有认知障碍的用户。对于她而言，定位很困难。当看着移动设备上的地图时，她必须频繁放大地图以明确她所在的位置或目的地，再缩小地图从而在大地图中找到其位置。

1.8.5 允许缩放：

用户可以使用顶层图像化视图对内容进行缩放，如下：（A级）

• 放大：可至默认大小的500%或更大
• 缩小：可至默认大小的10%或更小，让内容匹配视图的高度或宽度。

1.8.5 成功标准移动案例：

• Alexandra是位视障用户。当她在手机上浏览网页时，她首先以非常小的尺寸浏览网站以确定她想最先放大的区域。放大功能能够同时增大文本和图像的尺寸。

1.8.6 保留在原始的视觉范围内：

当调整视图大小、缩放内容，或更改内容格式时，仍然保留在原始的视觉范围内并处于视图的同一位置。

1.8.6 成功标准移动案例：

• Xu是位有阅读障碍的用户。他在阅读网页时，因其脚注的尺寸太小而无法在移动设备上阅读。Xu将脚注放置在浏览器的顶端，利用字体放大的功能，增大了网页文本的字体大小。同时脚注仍处于视图的顶端。

1.8.9 提供视图历史：

对于在顶层视图内实现历史机制的用户代理，用户可以返回内容允许的视图历史中的任何状态，包含：（AA级）

a. 还原原始的视觉范围
b. 输入焦点
c. 选择项，和
d. 用户表单字段项

1.8.10 请求时允许打开顶层视图：

用户可以指定，开发人员内容是否能够打开新的顶层视图（例如窗口或标签）。（AA级）

1.8.11 允许顶层视图焦点控制：

如果新的顶层视图（例如窗口或标签）被配置为无需明确的用户请求即可打开，则当顶层视图打开时，用户可指定顶层视图是否采用活动键盘焦点。（AA级）

1.8.9 , 1.8.10 及 1.8.11 成功标准移动案例：

• Ray是位视障者。他的移动设备可在设备现有的本地应用中自动打开从网页中获取的位置链接和日历日期。当他返回浏览器时，原始链接上的焦点会被保留。

1.8.16 提供网页书签

用户可以对网页中的项目进行标记，然后使用快捷键导航回被标记的项目。用户可指定导航标记是否在会话后消失，或是可持续在多个会话之间。（AAA级）

1.8.16 成功标准移动案例：

• Jamie是位四肢瘫痪并使用语音输入的用户。她是一名教授，会在网络上阅读长文件并且经常需要比较同一文件中的不同部分。每次她需要切换到文档的另一个部分时，通过语音控制执行多次滚动操作是相当繁琐的。所以，她设置了多个书签。这使得她能瞬间在几个部分间切换，减少了她通常花费在缓慢的滚动翻页上的时间与精力。Jamie同样也在手机上使用书签以减少滚动翻页。
  
  

指南1.9-提供替代视图[ 准则1.9 ]

1.9.1 大纲视图：

用户能够查看呈现内容的可导航大纲，该内容允许将焦点移动至主视图内的对应元素。（AA级）

• 注：大纲视图中反映的元素取决于Web内容技术，可能包括标题、表格标题和内容部分等。

1.9.1 成功标准移动案例：

• George是位使用屏幕阅读器的用户。他阅读长篇标准文件，并使用标题进行快速导航，因此他可对标准文档中的不同部分进行比较。此外，George可利用大纲视图在手机上快速查阅参考文献。

1.9.2 源视图：

用户能够查阅用户代理可获得的所有源文本。（AAA级）

1.9.2 成功标准移动案例：

• George是一名使用屏幕阅读器的网站开发者。他浏览了一个网页，而该网页的内容作者未就他想要获取的图像提供替代文本或长描述。George不得不查看源文件以获取图像的统一资源标识符（URI），类别及相似属性。他发现图像URI的一部分为“home.jpg”并推断他能够通过点击图片返回网站主页。此外，当George需要在移动设备上识别图像时，也可使用源视图功能。
  
  

指南1.10-提供元素信息[ 准则1.10 ]

内容持续更新中……