实务专题 · 交付验收

下拉导航:展开状态与当前页要分开

商业网站可以展开“服务”,同时仍在阅读“联系”。应分开验收这两个状态,否则高亮的下拉按钮可能被误当当前页,链接消失时键盘用户也可能失去位置。

官方依据及事实范围

W3C展开式导航示例在按钮上使用aria-expanded,在当前链接上使用aria-current;普通网站导航不必套复杂menu角色,示例在生产使用前仍须测试。 原始参考 · 2026年10月18日读取.

已填写的验收例子

以下为原创合成教学情景,不是真实客户、平台实测或业务成果。案例中的规则须由实际负责人批准;窄屏可横向滚动表格。

输入与状态明确核对口径预期输出及决定
当前联系页,服务关闭激活服务按钮expanded=true;联系仍为当前页
服务已展开,焦点在SEO链接按本例约定Escape关闭列表,焦点回服务按钮
服务已折叠继续Tab隐藏的SEO链接不能继续占焦点
激活网站服务链接目标加载完成新目标成为当前页;之前展开并未导航

逐步执行的交付程序

  1. 明确采用展开式导航,分清按钮和真正跳转链接,每个受控列表使用唯一ID。
  2. 用键盘及指针走四种转换,逐项记录展开属性、实际可见性、当前链接及焦点去向。
  3. 在小屏测试离开再回到导航,移动布局不能把焦点遗留在隐藏桌面列表中。

怎样解释结果

展开描述控件,当前描述目的地,即使两者属于不同栏目也应能从记录还原。Escape预期属于选定模式,须与实现一致;装饰箭头不算证据。

明确的验收终点

隐藏链接不得继续获得焦点,关闭后要合理回焦;还须支持的辅助技术验证,不能把ARIA属性当认证。

适用范围及未验证项目

合成状态表,不是复制APG生产代码;不授权修改冻结导航,也不把普通链接强行套menu角色。

下载已填写的双语验收记录 — 包含输入、步骤、预期和边界,是教学记录,不是可运行的生产集成。