商业网站可以展开“服务”,同时仍在阅读“联系”。应分开验收这两个状态,否则高亮的下拉按钮可能被误当当前页,链接消失时键盘用户也可能失去位置。
官方依据及事实范围
W3C展开式导航示例在按钮上使用aria-expanded,在当前链接上使用aria-current;普通网站导航不必套复杂menu角色,示例在生产使用前仍须测试。 原始参考 · 2026年10月18日读取.
已填写的验收例子
以下为原创合成教学情景,不是真实客户、平台实测或业务成果。案例中的规则须由实际负责人批准;窄屏可横向滚动表格。
| 输入与状态 | 明确核对口径 | 预期输出及决定 |
|---|---|---|
| 当前联系页,服务关闭 | 激活服务按钮 | expanded=true;联系仍为当前页 |
| 服务已展开,焦点在SEO链接 | 按本例约定Escape | 关闭列表,焦点回服务按钮 |
| 服务已折叠 | 继续Tab | 隐藏的SEO链接不能继续占焦点 |
| 激活网站服务链接 | 目标加载完成 | 新目标成为当前页;之前展开并未导航 |
逐步执行的交付程序
- 明确采用展开式导航,分清按钮和真正跳转链接,每个受控列表使用唯一ID。
- 用键盘及指针走四种转换,逐项记录展开属性、实际可见性、当前链接及焦点去向。
- 在小屏测试离开再回到导航,移动布局不能把焦点遗留在隐藏桌面列表中。
怎样解释结果
展开描述控件,当前描述目的地,即使两者属于不同栏目也应能从记录还原。Escape预期属于选定模式,须与实现一致;装饰箭头不算证据。
明确的验收终点
隐藏链接不得继续获得焦点,关闭后要合理回焦;还须支持的辅助技术验证,不能把ARIA属性当认证。
适用范围及未验证项目
合成状态表,不是复制APG生产代码;不授权修改冻结导航,也不把普通链接强行套menu角色。
下载已填写的双语验收记录 — 包含输入、步骤、预期和边界,是教学记录,不是可运行的生产集成。