如何检查表单控件的无障碍标签。
检查标签时要同时查看程序可识别的名称和可见语境。单靠旁边的文字未必建立了无障碍关联。
按任务需求调整流程。
检查每个控件的程序化名称及其与可见标签的关系。核查显式标签、包裹式标签和相关 ARIA 引用,报告缺失或误导性的名称及元素位置。自动检查无法判断含义时,加入人工审阅。
- 你需要提供什么
- 已渲染的表单字段和控件。
- 你会得到什么
- 缺失的无障碍标签和不清楚的名称。
查看输入和结果。
演示用输入和输出 · 教学示例,并非 WebAct 实时运行结果
示例 个输入项
Supplied markup: <span>Email</span><input id="email" type="email">. No other naming attributes. Correct the label association.
完整示例
Finding: the visible caption has no programmatic association with the input. Proposed markup: <label for="email">Email</label> <input id="email" type="email"> Verify the id is unique and the control's accessible name is Email in the complete page.
将这份输入载入提示词,再复制到 WebAct 中尝试任务。实际结果可能与示例不同。
决策与问题排查。
占位提示文字可以替代持续显示的表单标签吗?
输入时它可能消失,因此不能可靠地替代清晰且正确关联的标签。既要检查可见名称,也要检查程序化名称。
为什么可见的说明文字没有被读作输入框标签?
可能缺少有效关联,例如相匹配的 for/id 属性对。应检查关联关系,而不仅是距离。
使用自己的资料试一试。
将任务提示词中的示例换成你的材料。保留所需条件,再把任务复制到 WebAct。
自定义并复制任务 ↑