位置

要求内容

当网站包含超过几个页面时，用户——尤其是有认知障碍的用户或通过屏幕阅读器快速浏览的用户——需要「您在这里」的信号。页面标题提供了一个线索；本成功准则要求更多：显示层级的面包屑路径、主导航中的当前页面标记，或突出显示当前区域的网站地图。

本准则为 AAA 级别，对大多数团队而言属于较高目标，但在文档网站、电子商务目录以及任何超过两级深度的信息架构上均有显著回报。

如何满足

• 在每个非顶层页面的主标题上方添加面包屑：首页 › 工具包 › 标准 › WCAG 2.2。
• 在导航中使用 aria-current="page" 标记当前页面链接，并在视觉上加以区分（加粗、强调色、下划线）。
• 对于长表单或多步骤流程，显示步骤指示器：「第 2 步，共 5 步：填写收货信息」。
• 将面包屑标记为包含有序列表的 <nav aria-label="面包屑导航">，最后一项不设为链接。
• 对于深层文档网站，在左侧边栏树中镜像信息架构，展开以显示当前页面所在分支。

常见失败

• 面包屑仅显示顶层区域，而非完整路径。
• 导航中当前页面链接与非活动链接外观相同——aria-current 已设置但无视觉指示器。
• 多步骤表单上的步骤指示器仅显示「第 2 步」而无总步数，用户无法判断还剩多少步骤。
• 面包屑将当前页面链接回自身（影响较小，但会造成轻微混淆）。
• 在五层深度的文档树中，仅有「首页」链接，没有其他位置线索。

重要性

认知负荷是无形的无障碍税。有 ADHD、阅读障碍、工作记忆差异的用户，或任何以非母语浏览的用户，都依赖持续的位置线索来维持上下文。没有这些线索，每次点击链接都是一次信念的跳跃。面包屑和 aria-current 几乎不需要任何成本，却能提升所有人的体验——这正是为什么许多团队即便只承诺达到 AA 级别，也会主动采用 2.4.8。