无障碍

绿色装饰性主打图片设计

根据世界卫生组织 (WHO) 和世界银行在 2011 年发布的一份报告,全球约 15% 的人口(即约 1/6 的人口)在其一生中患有重症或暂时性残疾。因此,设计中的无障碍功能打造包容、易用、优质的应用的基础,有助于为用户带来最佳成效,并防止代价高昂的返工。默认情况下,Android 提供各种功能来帮助您构建支持无障碍功能选项的应用。

视觉设计

通过检查色彩对比度和文字大小调整,确保应用内容清晰易辨,并且组件在视觉上易于理解且易于区分。

请遵守以下准则,在设计时确保视觉无障碍。

  • 要允许用户调整字体大小,请以可缩放像素 (sp) 为单位指定字体大小
  • 请勿将正文大小控制在 12 sp 以内。本指南默认与 Material 字体比例保持一致。
  • 确保背景与文字之间的对比度至少为 4.5:1。了解如何检查颜色对比度
  • 使用 Surface 与非文本元素之间的比例为 3:1。例如,背景与图标的比率为 3:1。
  • 对链接等操作使用多个可见选项。

使用 Material 的无障碍颜色系统 。此颜色系统基于色调调色板,并且是使配色方案默认可供使用的核心。

有两个文本块。第一个文本块的颜色为深橄榄色,第二个文本块的颜色为深灰色。这两者都叠加在一条非常暗(几乎黑色)的背景上。深色橄榄色文字的标注表明它使用“primary30”色调,并且未通过 1.83:1 的宽高比测试。灰色文本的标注表明其使用“中性 40”色调,并按照 2.65:1 的比例仍未通过比率测试。
图 1 :文本色彩对比度失败的示例

音效设计

TalkBack 是 Android 设备随附的一种 Google 屏幕阅读器,可让用户无需使用双眼即可进行控制。您可以通过使用 TalkBack 浏览应用A11y 扫描器来手动测试该应用。

请遵循以下准则,确保您的应用为屏幕阅读器做好准备:

  • 在代码中描述界面元素。Compose 使用语义属性将无障碍服务中显示的信息告知无障碍服务。
  • 为了符合 Android 框架方面的要求,请为图标和图片提供额外的文字说明。
  • 将装饰性商品说明设为 null。
  • 如需允许跳过操作块和内容,请考虑界面粒度和界面元素。

查看 Material 关于设计实现演示,其中详细介绍了 Web 内容无障碍指南 (WCAG) 中的无障碍功能注意事项和表示法。

图 2 :为无障碍功能添加标签的界面元素:标题、隐藏装饰图片和按钮标签

音频设计

Android 提供了多项功能,让用户能够通过各种语音指令和查询与设备互动。

借助 Android 版 Voice Access 应用,您可以通过语音指令控制设备。您可以使用语音命令打开应用、进行导航以及修改文字,而无需手动操作。

运动技能设计

借助开关控制,用户能够使用一台或多台设备与您的 Android 设备进行互动,这对于精细动作失能的用户无法直接与触摸屏互动的用户非常有用。

通过探索开关控制手动进行测试。

  • 不要依赖手势来完成所有操作;创建无障碍操作以支持应用中的所有用户流。
  • 确保所有触摸目标都至少为 48 dp,即使这会超出界面元素视觉部分。
  • 考虑使用触感反馈,为用户提供额外的实时感官输入信息。

左侧的界面让用户只能通过滑动删除,而右侧的界面则以垃圾箱图标的形式提供额外的功能。
图 3 :左侧的界面让用户只能通过滑动删除,而右侧的界面则以垃圾箱图标的形式提供其他功能。