朗读提示设计建议

发布日期
2022-01-01
作者
信息无障碍研究院
格式
PDF

内容摘要

由信息无障碍研究院编写的屏幕阅读器朗读提示设计建议文档,为移动应用和Web产品的无障碍标签设计提供详细的实践指导。

文档首先介绍了Android和iOS两大平台的官方无障碍标签规范:Android使用contentDescription属性设置标签,iOS通过accessibilityLabel属性定义元素标签。

iOS VoiceOver标签设计五项原则包括:用单个词简要描述元素(如"添加"、"播放"、"删除");不包含控件或视图类型(避免"添加按钮按钮"的重复朗读);单词首字母大写以帮助VoiceOver正确发音;不以句号结尾;标签需本地化。文档将常见问题归纳为三大类别:标签缺失(图标标识功能缺少标签、有文本元素缺少标签、展示性图片缺少标签)、标签冗余(操作提示冗余如"双指滑动浏览下一页"、控件类型冗余如"个人中心按钮"、元素状态冗余如"已选定对讲按钮"、上下文信息冗余如"钱包账户余额"中重复"钱包")、标签错误(乱码朗读、错误中文、组合视图朗读不完整、相同图标标签不同)。

核心观点

  • 朗读提示设计的核心六原则:正确、简洁、规范、完整、一致、所听即所见
  • 标签不应包含控件类型、操作手势提示和可从上下文获取的冗余信息
  • 图标元素必须有明确的功能标签,展示性图片需标注"图片X/Y"格式
  • 组合视图的标签应按从上到下、从左到右顺序完整朗读所有元素信息
  • 相同功能的相同图标在应用内应保持标签一致性

完整目录

  • 一、相关平台官方规范(Android与iOS无障碍标签规范)
  • 二、常见问题说明
  • 1. 标签缺失(图标标识功能缺失、有文本元素缺失、展示性图片缺失)
  • 2. 标签冗余(操作提示冗余、控件类型冗余、元素状态冗余、上下文信息冗余)
  • 3. 错误(乱码、错误中文、组合视图朗读不完整、相同图标标签不同)
  • 三、推荐阅读文档