从任务和精简的信息架构开始
信息架构是内容和功能如何分组、命名和连接。列出访客任务,然后映射每个任务的起始页、下一步页面以及成功结束状态。这能显示某个菜单项是否有用,或只是访客需要解码的内部标签。将主要导航聚焦于那些启动这些任务的章节。
导航不是网站地图。GOV.UK 建议列出有用的顶层章节,而不是服务的每一部分。当一个流程有强制顺序时,应在内容或任务列表中展示该顺序,而不是让人从全局菜单里推断。
当访客期望获得相同答案或完成相同任务时将页面放在一起,而不是仅因为某个团队负责它们。
使用着陆页和上下文链接提供细节,而不是在密集的头部放入过多选项。
使用能预测目的地的标签
标签是一项关于后续内容的承诺。优先使用访客熟悉的名称,例如“定价”、“文档”、“获取支持”或“管理账户”,只要它们与目的地相符。避免使用诸如“资源”或“探索”之类的模糊标签,除非访客能预测其内容。保持用词和顺序一致。
Google 建议使用简洁、相关的链接文本,并保证其在上下文外也能被理解。通用的“点击此处”和堆砌关键字的链接都无法做到这一点。给仅图标的控件提供可访问名称来描述其动作。
当目标是显示方案时,使用“查看方案”而不是“了解更多”。
在视觉和程序上标记当前目的地;W3C 描述了 aria-current=page 用于当前显示页面。
使目的地可抓取且结构清晰
导航目的地通常应为带有可解析到真实网址的 href 的 HTML 锚点(anchor)。Google 表示,这种形式通常可被抓取,包括在渲染后保留该结构的动态插入锚点。仅靠点击处理程序或自定义属性并不是可靠的替代方案。检查呈现后的输出,而不仅是框架源代码。
在主要导航周围使用语义结构。W3C 建议使用 nav 元素,并且对于常见站点导航使用列表。如果页面有多个导航区域,应为每个区域加标签,以便屏幕阅读器用户能区分主要导航、页脚或局部导航。
确认重要的桌面和移动目的地在客户端渲染后具有锚点和 href 值。
URL 检查(URL Inspection)提供 Google 的抓取、索引和呈现信息;它不能证明访客能否找到某个页面。
将移动菜单设计为完整的交互
响应式导航可以折叠,但保留的目的地应在各屏尺寸间保持相同的措辞、顺序和目标。W3C 允许折叠或隐藏子导航项,同时要求保持一致性。不要因为页眉拥挤就把关键路径变为仅限桌面的;应重新安置低优先级内容或重新考虑层级结构。
对于显示/隐藏菜单,使用按钮来控制链接组并传达其是否打开。W3C 的 disclosure-navigation 示例使用 aria-expanded 和 aria-controls,并记录了 Tab、Shift+Tab 和 Escape 的行为。该示例具指导性,因此需用目标受众常用的组合来测试你的组件。
当父页面和其子链接都需要时,应将页面链接与展开控制区分开来。
任何由指针悬停展示的内容必须能通过键盘聚焦和触控找到。
支持方向感和键盘导航
键盘访问不是锦上添花。WCAG 2.1 成功准则 2.1.1 要求功能应可通过键盘界面操作(路径依赖输入除外)。在页眉中,访客应能使用 Tab 遍历控件、看到聚焦、激活链接和按钮,并能离开而不被困住。
重复的页眉链接会让页面逐页遍历变慢。一个靠近开头的跳过链接(skip link)能为键盘用户提供直达主内容的路径。GOV.UK 解释该链接在键盘使用时才可见。测试它是否落到一个有意义的目标上。
不要移除浏览器的聚焦指示器,除非提供了在放大后仍可见的明确替代方案。
从页眉到目标页面使用 Tab、Shift+Tab、Enter、Space 和 Escape 进行操作。
在发布前后测试可发现性
请具有代表性的用户完成现实任务,例如查找取消说明或比较方案。观察他们期望去往何处、误读哪些标签,以及他们是否因导航失败而求助搜索。不要引导他们到预期的标签。记录每个阻碍和最小的改动以消除它。
将任务测试与技术检查配对。W3C 的 Easy Checks 建议在不使用鼠标的情况下测试,包括聚焦可见性、Tab 顺序、键盘陷阱和下拉菜单。在窄屏和放大文字大小下重复核心任务。自动化检查可以标记标记问题,但不能证明标签是否通顺。
在测试前记录预期终点和支持的设备或输入方式。
对旧路由和新路由用相同任务进行测试,而不是依据相关方偏好判定。
把导航变更视作对可用性敏感的发布
页眉可能会加载,但关键路径实际上不可用:结账、登录、支持入口或文档页面可能被错误状态、过期链接或错误重定向阻隔。在发布前,清点关键目的地,测试桌面和移动路径,并确认渲染后的链接指向预期页面。对需授权或区分区域的路径,请在授权环境中验证。
SIU 的职责是主动修复:运行预检、在部署后验证关键路径,并使更改可逆。保留版本化的菜单配置,明确能恢复它的人员,并验证恢复后的路径。这能限制发布影响;但不能替代可用性研究或实时状态监控。
当关键目的地缺失、错误或无法通过键盘和触控到达时阻止发布。
在重构前记录先前配置、负责人、触发条件和验证步骤。
