Files
shz-backend/docs/test-reports/job-fair/2026-07-25/bugs/BUG-024-admin-venue-add-dialog-accessibility.md

2.6 KiB
Raw Blame History

BUG-024管理端新增场地弹窗存在字段语义关联缺失

  • 严重级别P3可访问性与表单自动化兼容性问题
  • 状态:代码已修复,待测试环境浏览器复验
  • 环境test
  • 角色PC 监管管理员
  • 入口:/shihezi/jobfair/jobfair/venueinfo → “新增”
  • 发现时间2026-07-25

前置条件

使用测试环境监管管理员角色进入场地信息维护列表,打开“新增场地”弹窗;不提交表单。

复现步骤

  1. 打开场地信息维护页面。
  2. 点击“新增”。
  3. 观察场地类型、场地名称、面积、展位数量、联系电话、地址、线路、机构、备注和经办信息控件。
  4. 在 Chrome DevTools Console/Issues 或无障碍树中检查弹窗字段。

预期结果

弹窗内每个字段都应有明确的可访问名称、稳定的 id/name 和适当的表单属性;必填项应让辅助技术识别必填状态,数值输入应明确单位和范围。

实际结果

打开弹窗后,表单 Issue 统计从列表页的 A form field element should have an id or name attribute (count: 1) 增加为 count: 2。无障碍树中“场地类型”下拉框仅呈现为空的 combobox“场地名称”输入框主要依赖占位文案“请输入场地名称”说明新增表单至少有字段缺少稳定语义属性。

浏览器证据

  • 页面截图:JF-AD-017-venue-add-dialog.png
  • accessibility snapshot 显示“添加场地”弹窗、必填字段、面积/展位数量 spinbutton、地址和线路等控件场地类型 combobox 未呈现可访问名称。
  • Console Issuemsgid=114 [issue] A form field element should have an id or name attribute (count: 2);列表页同一 Issue 为 count: 1,打开弹窗后新增字段触发。
  • 场地类型、线路、机构等选项来源请求均 HTTP 200本轮未点击“确定”没有产生写请求。

影响范围

管理员使用读屏或自动化工具新增场地时,可能无法识别场地类型等字段;必填项、数值范围和单位提示不充分也会增加错误配置场地面积/展位数量的风险。

初步定位

新增场地弹窗的 Select/Input/Number 控件没有统一传递 id/name 或标签关联属性,部分字段仅依赖占位符。问题位于前端弹窗表单语义层,不是选项接口失败。

建议

为所有弹窗控件补充唯一 id/name、显式标签和 aria-required/范围说明;给面积和展位数量补充单位及合理的最小值/最大值提示。修复后仅用空表单执行前端校验复查,并避免在未授权时提交真实数据。