如何在保留交互的情况下修复 HTML 无障碍问题。
语义 HTML 修复应保留功能，并在上下文中测试。添加 ARIA 不能替代选择正确原生元素。
按任务需求调整流程。
识别控件的真实目的，选择合适的原生语义并保留现有行为。添加必要的名称或状态信息，再在完整上下文中验证键盘、焦点和表单交互。
- 你需要提供什么
- HTML 片段和指定的无障碍问题。
- 你会得到什么
- 附审查说明的语义标记修正建议。
查看输入和结果。
演示用输入和输出 · 教学示例，并非 WebAct 实时运行结果
示例 个输入项
Replace <div onclick="submitForm()">Send message</div> in an existing HTML form. The form's submit handler already performs validation and calls submitForm().
完整示例
<button type="submit">Send message</button> The native submit button uses the existing form submission path. Verify Enter/Space interaction, visible focus, validation errors and prevention of duplicate sends. Do not retain a second click handler that also calls submitForm().
将这份输入载入提示词，再复制到 WebAct 中尝试任务。实际结果可能与示例不同。
决策与问题排查。
仅添加 ARIA 角色就能把 div 变成完整按钮吗？
它不会自动实现键盘行为或表单语义。符合控件用途时，优先使用原生按钮。
为什么替换可点击元素会意外提交表单？
检查按钮类型。用于普通操作的控件可能需要 type="button"，而不是提交行为。
使用自己的资料试一试。
将任务提示词中的示例换成你的材料。保留所需条件，再把任务复制到 WebAct。
自定义并复制任务 ↑