SC 1.3.3 级别 A WCAG 2.0
感官特征
操作说明不得仅依赖形状、大小、位置、方向、声音或颜色。“点击右侧绿色按钮”会将无法看见布局或区分颜色的用户排除在外。
要求内容
告知用户如何与内容交互的说明,必须对无法感知所指感官线索的用户同样有效。如果说”点击圆形按钮”,屏幕阅读器用户无从得知哪个按钮是圆形的。如果说”左侧菜单”,将页面重排为单列的用户根本没有所谓的”左侧”。每个感官线索都必须配合一个非感官标识——标签、名称或编号。
如何满足要求
- 将”点击绿色按钮”改为”点击提交按钮”——明确控件名称。
- 将”参见右侧方框”改为”参见下方定价部分”——以标题名称指代区域。
- 图示引用时,以标注名称代替位置描述:用”参见第 3 步”而非”参见顶部圆圈”。
- 音频提示(“完成时会听到提示音”)须配合可见的状态消息。
- 图标形状引用(“齿轮图标”)须确保该图标在标记中拥有可访问的名称。
常见失败示例
- “按下圆形绿色按钮继续”——三个感官线索,均未提供名称。
- 表单帮助文字写着”参见右侧面板”,而桌面布局在移动端变为单列。
- “等待提示音”却没有视觉替代方案。
- 教程文字指向”侧边栏中的蓝色链接”——颜色、位置,却没有名称。
- 引导流程:“带箭头的提示框”——完全依赖形状。
重要性
自动化工具(如 Lighthouse)很少能发现此类失败,因为它们无法解读正文内容,只能通过人工审查捕获。修复方式几乎总是文案编辑而非代码改动——易于发布,但也容易被忽视。