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 加地标,则大部分要求已然达到。