标准 · WCAG 2.2

SC 3.2.3 级别 AA WCAG 2.0

一致的导航

在多个页面重复出现的导航机制——主导航、页脚、面包屑、搜索——必须在每个出现该机制的页面上保持相同的相对顺序。依赖肌肉记忆的用户不应每次都需要重新寻找布局。

成功准则的要求

当同一导航机制出现在网站的多个页面上时,每次出现时必须保持相同的相对顺序。视觉位置的重要性不如源码顺序——若某页面的导航顺序为”首页、产品、定价、联系我们”,则该导航出现的每个其他页面也必须保持此顺序。

允许用户自行更改顺序(例如重新排列可定制的仪表盘),且该准则适用于网站自身提供的导航。

如何满足该准则

  • 从单一组件或模板驱动主导航——切勿为每个页面单独硬编码导航。
  • 在整个网站的页脚中保持相同的链接顺序。
  • 面包屑在每个包含它的页面上应位于相同位置(通常在页头正下方)。
  • 对于搜索输入框,在页头或侧边栏中保持相同的位置。
  • 对于多步骤流程,在整个流程中将步骤指示器保持在相同位置。

常见失败情形

  • 营销页面的主导航顺序与应用页面不同,因为两个不同的团队维护各自的模板。
  • 面包屑在部分页面显示于 H1 上方,在另一些页面显示于 H1 下方。
  • “帮助”链接在大多数页面位于页头,而在结账页面位于页脚。
  • 搜索输入框在大多数页面位于右上角,而在博客页面移至侧边栏。

为何重要

屏幕阅读器用户能够快速建立对网站结构的心理模型。视力正常的键盘用户通过 Tab 键在地标间移动。有认知障碍的用户依赖一致的位置来进行定位。当导航在页面间重新排列时,所有用户都需要重新学习——但辅助技术用户付出的代价最高,因为他们无法扫描整个页面一眼发现新的布局。

若您的网站基于共享模板系统构建,这是最容易满足的成功准则之一;若存在多年积累的历史模板,则也是最难进行改造的之一。