标准 · WCAG 2.2

SC 1.3.6 级别 AAA WCAG 2.1

识别用途

除表单字段外,UI 组件、图标和页面区域的用途必须可通过编程方式识别——以便辅助技术能够替换为符号、简化页面或隐藏非必要内容。

要求内容

成功准则 1.3.5 仅涵盖表单输入,而 1.3.6 将同一思路扩展至所有 UI 组件、图标和页面区域。其目的是让辅助工具——认知辅助扩展、符号叠加应用——能够通过角色和用途识别”搜索”区域、“导航”链接、“删除”按钮,进而进行替换或隐藏。该规范具有前瞻性,刻意留有一定的灵活空间。

如何满足

  • 使用 ARIA 地标(role="navigation"role="search"role="main")和 HTML5 分节元素(<nav><main><search>)来标识页面区域。
  • 对于图标按钮,确保无障碍名称对应已知用途(“搜索”、“设置”、“关闭”)。
  • 在链接上使用 rel 属性(rel="next"rel="prev"rel="author")来标识链接用途。
  • 在辅助工具可读取的地方,使用 schema.org 或微数据声明实体类型。
  • 遵循 ARIA 创作实践指南模式,使组件角色可预测。

常见失败情形

  • 图标按钮命名为”点击此处”或无无障碍名称,机器无法识别其用途。
  • 自定义搜索小部件既无 role="search" 地标,也无自动补全令牌。
  • 一堆 <div> 元素在视觉上构成导航,但没有任何地标角色。
  • 自定义”删除”按钮外观与众不同,但与”编辑”或”查看”按钮的朗读方式完全相同。

重要性

本准则为 AAA 级,鲜有强制要求。能够消费这些信号的工具生态系统仍在成熟中,因此许多团队将 1.3.6 视为努力方向。若已满足 1.3.5 并使用了语义化 HTML 加地标,则大部分要求已然达到。