如何在语境中整理网页控件清单。
控件清单应在语境中记录标签和角色。只有图标的按钮即使视觉含义明显,也可能需要无障碍名称。
按任务需求调整流程。
列出指定页面区域内可操作的控件,记录可见标签、无障碍名称、角色和可用时的状态。把重复标签与所属容器关联。不要为了识别控件而直接触发它;把不确定的行为留待后续核查。
- 你需要提供什么
- 已渲染页面上的控件。
- 你会得到什么
- 按钮标签、类型和可见的交互语境。
查看输入和结果。
演示用输入和输出 · 教学示例,并非 WebAct 实时运行结果
示例 个输入项
Supplied DOM: <button>Save draft</button> and <button><svg aria-hidden="true"></svg></button>. Second control visually uses a trash icon; no other naming attributes.
完整示例
Control 1: native button, visible and accessible name "Save draft". Control 2: native button, no accessible name in the supplied markup; decorative SVG does not provide one. Review: confirm the second action, then provide an accurate name such as Delete item if that is its actual function.
将这份输入载入提示词,再复制到 WebAct 中尝试任务。实际结果可能与示例不同。
决策与问题排查。
看起来像按钮的链接也要列入清单吗?
审阅界面时要列入,但需保留其链接角色和目的地,以区分导航与操作。
为什么结果中的多个“删除”控件难以区分?
缺少周围的记录或分区。补上语境,并检查无障碍名称是否也能区分控件。
使用自己的资料试一试。
将任务提示词中的示例换成你的材料。保留所需条件,再把任务复制到 WebAct。
自定义并复制任务 ↑