App端无障碍性测试详细清单

移动App无障碍测试是评估移动应用对于所有人，特别是残障人士的可用性和无障碍性。它可以识别并修复应用中可能妨碍用户与移动应用交互的问题甚至错误。

在上述过程中，一份移动应用无障碍测试检查清单对于确保全面覆盖非常有帮助。因此，它提供了一个清晰的指南，用于检查所有无障碍标准、辅助技术兼容性以及用户友好的设计元素。

什么是移动应用无障碍测试？

移动应用无障碍测试确保你的应用对所有人，包括残障人士，都是可用的。它检查应用的设计、特性和功能是否便于依赖辅助工具（如屏幕阅读器、语音命令或放大镜）的用户进行交互。

这项测试重点关注文本可读性、适当的颜色对比度、触控目标大小以及导航流程等元素。其目标是消除障碍，确保移动应用为视觉、听觉、运动或认知障碍用户提供顺畅的体验，从而使应用具有包容性并符合无障碍标准，如网络内容无障碍指南（WCAG）。

为什么移动应用无障碍测试很重要？

以下是移动应用无障碍测试之所以重要的原因：

促进包容性： 有助于确保残疾人能够充分利用应用的功能。
提升品牌形象： 注重无障碍性，展现品牌价值观中的包容性和社会责任感。
帮助有特殊需求的用户： 确保移动应用能够按照预期为使用辅助工具或有其他特殊需求的人提供服务。
吸引更多用户： 有助于扩大受众范围，挖掘庞大的潜在用户群体。
发现隐藏的可用性问题： 揭示小字体或难以触及的导航元素等问题，这些问题可能对没有残疾的用户没有影响。
提高用户参与度： 为所有用户创造顺畅的体验，从而提高用户满意度和忠诚度。

移动应用无障碍测试清单

为了确保你的移动应用对所有人都是可访问的，以下是一些需要重点关注的关键领域。请使用此移动应用无障碍测试清单，以确保你涵盖了所有内容并避免无障碍性问题。

一般准则

这些准则侧重于提高移动应用的无障碍性，特别是对于那些依赖辅助技术或存在运动障碍的用户。

应用标题： 应用必须有一个标题。
标题层次结构： 标题应遵循清晰的层次结构顺序。
使用ARIA地标定义结构： 使用ARIA地标来定义移动应用的结构，如搜索、导航、内容和横幅的角色。
触摸事件处理： 对于触摸事件，必须满足以下情况之一：
按下事件限制：不要在按下事件（如首次按下屏幕时）触发动作。
抬起事件动作触发：动作应在抬起事件（抬起手指）时开始，并提供停止或撤销动作的选项。
动作取消：如果动作以按下事件开始，抬起事件应取消该动作。

针对不同屏幕尺寸的设计

设计移动应用时必须考虑到屏幕尺寸的差异，特别是那些较小且纵横比不同的手机屏幕。较小的屏幕限制了用户能看到的内容量，特别是对于视力不佳、可能需要放大查看的用户来说。

为了帮助使用较小屏幕的用户，你可以遵循以下移动应用无障碍测试清单：

触摸无障碍性： 提供触摸控件和预设的屏幕大小，以减少视力不佳用户缩放视图的需求。
表单布局： 将表单字段放在标签下方，而不是旁边。
移动内容： 通过创建网站的移动友好版本，来限制每页的数据量。
链接文本大小： 根据屏幕尺寸调整链接文本的长度。

触摸目标大小

现在的移动设备分辨率更高，使得许多交互元素能够适配在小屏幕上。这些元素需要足够大且彼此间隔开，以便用户可以轻松点击它们。特别是当用户做出快速手势时，应用中的点击区域应该足够大，以便用户可以自信且准确地与之交互。

以下是针对触摸目标大小的移动应用无障碍测试清单：

最小触摸目标大小： 确保触摸目标的高度和宽度至少为9毫米。
无障碍功能的非活动空间： 在较小的触摸目标周围留出一些非活动空间。

触摸目标位置

移动应用中的交互元素应该易于触及，无论设备如何握持。开发人员应考虑，某些按钮的位置可能对一些人来说很方便，但对其他人来说可能很难触及，这取决于惯用手或拇指的伸展范围。以下是关于触摸目标位置的一些建议：

便利的按钮位置： 将按钮放置在方便的位置。
灵活的交互设计： 确保所有交互元素都可以灵活使用。

颜色对比度比例

由于许多人在户外使用移动应用，且有些人可能有视力障碍，因此良好的颜色对比度对于无障碍性至关重要。

以下是检查移动应用中颜色对比度的移动应用无障碍测试清单：

无障碍性指南： 遵循WCAG 2.1 AA级的颜色对比度指南，以帮助视力受损用户。
正文对比度： 正文内容的对比度比例目标应为4.5:1。
大号文字对比度： 保持大号文字的对比度比例为3:1。
替代信息： 确保任何依赖颜色的信息也可以通过其他方式理解。

要了解更多信息，请阅读这篇关于无障碍性颜色的博客，以确保你创建的颜色调色板具有正确的对比度比例。

一致的导航和布局

拥有一致的内容布局和导航对于良好的用户体验至关重要。运动能力有限的人可能发现使用鼠标或键盘很困难，并且通常更喜欢使用手机应用而非网页浏览器。辅助导航可以帮助用户做出选择并引导其操作。

以下是提高可用性的手机应用无障碍测试清单：

一致性：保持内容、布局和导航的一致性，以提升用户体验。
辅助导航：设计带有有用导航功能的手机应用，以引导用户浏览菜单，特别是对于可能难以使用网页浏览器的人群。
组织有序的布局：确保布局组织有序且视觉平衡，以减少混淆并提高无障碍性。

优化应用内容与媒体

为了创建一个无障碍的移动应用，确保所有内容和媒体对每个人来说都是可用的至关重要。

以下是优化您移动应用内容与媒体的无障碍测试清单：

屏幕适应性：确保应用内容与媒体在小屏幕和大屏幕上都能轻松查看。
用户友好功能：确保交互式功能（如按钮和购物车选项）易于使用且可访问。
清晰组织：使用清晰的标题标签并组织内容，以帮助有认知障碍的用户更好地理解和导航应用。
视觉辅助：为图像添加清晰的字幕，以支持有听力或视力障碍的用户访问。

提供便捷的数据录入方法

数据录入是移动应用的一个关键功能，用户可以通过多种方式输入信息，包括屏幕键盘、蓝牙键盘和语音输入。

你可以遵循以下移动应用无障碍测试清单，以使数据录入过程更加便捷：

清晰标注：确保所有输入字段都有清晰且描述性的标签。
键盘导航无障碍：允许用户使用键盘浏览所有交互式元素，以便他们无需触摸屏即可输入数据。
输入字段大小：设计输入字段时，要确保其足够大，便于用户轻松点击，最小触摸目标尺寸为9毫米。
自动填充和建议：提供自动填充选项和建议，帮助用户快速且准确地填写数据。
多输入支持：允许用户通过简单方法（如使用逗号分隔）轻松输入多个值（如标签或关键词）。

移动应用无障碍测试工具

有许多工具可用于测试Android和iOS平台上的移动无障碍性。以下是几个选项：

LambdaTest：它是一个由人工智能驱动的云测试平台，可在不同浏览器、设备和操作系统上提供Web和移动无障碍性测试。它允许开发人员和测试人员使用Chrome扩展程序“无障碍开发工具”执行手动无障碍性测试。
你可以使用屏幕阅读器功能在真实Android设备上进行手动无障碍性测试。此功能允许您通过用户界面元素的语音描述来浏览移动应用元素，类似于Google的TalkBack。它有助于确保你的Android应用符合Web内容无障碍指南（WCAG）标准。
要开始Android上的移动无障碍性测试，请参考此Android屏幕阅读器（TalkBack）指南。
开发人员和测试人员还可以使用Selenium、Playwright和Cypress等工具自动化无障碍性测试。
VoiceOver：此工具对于测试移动应用在iOS上的VoiceOver等屏幕阅读器上的表现至关重要。测试人员需要确保应用能够口头描述屏幕上的内容，并且用户可以使用手势和语音命令进行导航，这有助于视力障碍者。
无障碍检查器：它检查视觉元素是否有清晰的屏幕阅读器标签，并评估颜色对比度比率。它还会查看应用的无障碍层次结构，并为开发人员提供有用的信息，以改进应用符合无障碍标准的情况。
还可以查看这篇关于无障碍检查器的博客，以调试iOS应用中的无障碍问题。
A11YTools：此工具能够发现无障碍问题，如颜色对比度和导航流程问题，并生成报告以帮助解决这些问题。
谷歌无障碍扫描器（Google Accessibility Scanner）： 该工具用于扫描Android应用程序，以发现无障碍问题，并提供改进反馈。
TalkBack： 这是一款Android屏幕阅读器，它允许测试人员体验视力障碍用户所遇到的情况，从而帮助他们理解导航方面的挑战。
ColorSlurp： 此工具用于检查颜色对比度，以确保应用程序的元素对所有人来说都易于阅读。

结论

制定移动应用无障碍测试清单对于创造包容性用户体验以及满足法律和道德标准至关重要。通过遵循既定指南，结合自动化测试和手动测试，并采纳残障用户的反馈，你可以提升移动应用的无障碍性，包括触摸目标、颜色对比度以及信息显示方式等多种参数，以满足不同用户的需求。

常见问题解答（FAQs）

如何在移动应用上测试无障碍性？

你可以使用屏幕阅读器、语音指令和无障碍检查器等工具来评估残障用户能否轻松浏览和与应用进行交互。手动测试和自动化工具有助于发现可读性、导航和可用性方面的问题。

无障碍性测试检查什么？

无障碍性测试会检查文字大小、颜色对比度、按钮尺寸、屏幕阅读器兼容性以及标签是否恰当等元素，以确保应用可供有各种残疾的人士使用。

WCAG是否适用于移动应用？

是的，WCAG（Web内容无障碍指南）适用于移动应用，它通过满足全球无障碍标准来确保移动应用可供残障用户使用。

无障碍性测试的四个原则是什么？

这四个原则是：可感知性（内容必须可以感知）、可操作性（界面必须可用）、可理解性（信息必须易于理解）以及鲁棒性（内容必须能在不同的技术环境中正常工作）。