一致的标识

要求内容

当一个网站上有两个用户界面组件执行相同功能时，必须对其进行一致的标识。这意味着需要使用相同的无障碍名称（标签、aria-label、alt 文本），相同的图标，以及相匹配的视觉呈现——从而让用户认出”这与我两页前执行的操作相同”。

该规则关注的是标注方式，而非样式。提交按钮可以在不同情境下有不同的视觉强调效果，但当无障碍名称”提交”在其他地方执行相同操作时，不应变为”发送”。

如何满足

• 维护一套精简的动作动词词汇表（“保存”、“取消”、“删除”、“搜索”），并在整个网站中统一使用。
• 对于同一操作，在所有页面上使用相同的图标——只用一种搜索图标，而非三种。
• 当图标代表某一操作时，在各页面上为其赋予相同的无障碍名称。
• 使用设计系统组件（如 <Button label="保存">），而非在每个页面上手工编写标签。
• 审查网站中是否存在同义词：如”发送”与”提交”、“搜索”与”查找”、“登录”与”注册”之间的不一致。

常见失败情形

• 两个代表同一操作的图标使用了两个不同的无障碍名称（一个屏幕上是”编辑”，另一个上是”修改”）。
• 页眉中的搜索输入框标注为”搜索”，侧边栏中却标注为”查找内容”。
• 列表视图上有”删除”按钮，详情视图上有”移除”按钮——效果相同，用词不同。
• 行动呼吁文案不一致：产品页面上写”立即购买”，列表页面上写”加入购物车”，实际上是功能相同的操作。

为何重要

屏幕阅读器用户通过浏览链接或按钮列表进行导航。如果网站上同一操作的标签各不相同，他们就无法形成模式识别——每次都要重新阅读每个标签，并判断这个”发送”是否与那个”提交”相同。对于有认知障碍的用户而言，一致的标识是您所能提供的最重要的理解辅助手段之一。

满足本成功准则的关键，在于将 UI 文案和图标视为一等设计标记（design token），而非由每位作者自行决定的内容。