2.5 KiB
2.5 KiB
BUG-011：企业端跨域联合招聘会联盟城市管理弹窗存在字段无障碍问题
- 严重级别：P3（管理弹窗可访问性问题）
- 状态：代码已修复，待测试环境浏览器复验
- 环境：test
- 角色：PC 企业端（已登录测试企业角色）
- 入口：
/shihezi/jobfair/jobfair/crosscityfair→ “区域管理” → “管理” - 发现时间：2026-07-25
复现步骤
- 打开企业端“跨域联合招聘会管理”。
- 切换到“区域管理”页签。
- 点击“管理”，打开“联盟城市管理”弹窗。
- 观察“城市名称”查询字段，并查看 Chrome DevTools Issues/Console。
预期结果
弹窗中的“城市名称”字段应有唯一 id/name，与可见标签关联，并设置适当的 autocomplete 值；已有城市列表、编辑和删除按钮应保持键盘/读屏可识别。
实际结果
打开弹窗后 Chrome DevTools 记录：
A form field element should have an id or name attribute (count: 3)，相较统计页基线的 2 个增加 1 个；No label associated with a form field (count: 1)；An element doesn't have an autocomplete attribute (count: 1)。
只读 DOM 检查显示弹窗“城市名称”原生输入存在 id=name，但没有 name、aria-label、aria-labelledby 或 autocomplete 属性，且没有形成稳定的 label 关联。
浏览器证据
- 页面截图：JF-EN-013-crosscity-region-management.png
GET /api/shihezi/cms/cross-city-alliance/list?current=1&pageSize=10：HTTP 200，弹窗显示 9 个联盟城市，列表和分页正常。- 控制台 Issue：
msgid=57 [issue] A form field element should have an id or name attribute (count: 3)。 - 控制台 Issue：
msgid=59 [issue] No label associated with a form field (count: 1)。 - 控制台 Issue：
msgid=60 [issue] An element doesn't have an autocomplete attribute (count: 1)。
影响范围
企业用户在跨域城市维护中使用读屏或自动化工具时，无法可靠识别城市查询输入框；缺失 autocomplete 也会影响浏览器表单行为和质量检查。
初步定位
问题位于 shz-admin/src/pages/Jobfair/Crosscityfair 的联盟城市管理弹窗查询表单字段，与数据接口无关；城市列表接口 HTTP 200 且返回 9 条记录。
建议
补充“城市名称”字段的 name、显式 label/aria-labelledby 和合适的 autocomplete（例如 off 或符合产品语义的值），并确保编辑/新增弹窗沿用同一字段规范。