语义、可访问名称与结构：练习答案

图标按钮保留原生 button，并用可见文本或 aria-label="搜索" 提供名称；搜索输入用 <label for="search">搜索</label> 与 id="search" 关联。不要把 placeholder 当 label，它会在输入后消失。

验收包括：Tab 能到达按钮和输入，Enter/Space 能激活按钮，自动化查询可以按 role/name 找到它们。

答案给出可直接复现的输入步骤、预期输出与边界说明；完成后请按步骤在目标浏览器复跑，并记录浏览器版本与实际结果。

语义、可访问名称与结构

答案必须保留本节输入、操作和可观察结果。先运行成功路径，再运行一个反例；

输入：第一次执行 → 改变一个条件 → 取消或卸载
预期：状态转移与正文规则一致；取消后没有迟到写入；失败保留可诊断原因

若结果不同，优先检查资源所有权、执行时机和宿主前提，而不是只改最终 UI。

可访问性测试与治理

答案必须保留本节输入、操作和可观察结果。先运行成功路径，再运行一个反例；

输入：第一次执行 → 改变一个条件 → 取消或卸载
预期：状态转移与正文规则一致；取消后没有迟到写入；失败保留可诊断原因

若结果不同，优先检查资源所有权、执行时机和宿主前提，而不是只改最终 UI。

键盘、焦点与交互状态

答案必须保留本节输入、操作和可观察结果。先运行成功路径，再运行一个反例；

输入：第一次执行 → 改变一个条件 → 取消或卸载
预期：状态转移与正文规则一致；取消后没有迟到写入；失败保留可诊断原因

若结果不同，优先检查资源所有权、执行时机和宿主前提，而不是只改最终 UI。

表单错误、状态反馈与动态内容

答案必须保留本节输入、操作和可观察结果。先运行成功路径，再运行一个反例；

输入：第一次执行 → 改变一个条件 → 取消或卸载
预期：状态转移与正文规则一致；取消后没有迟到写入；失败保留可诊断原因

若结果不同，优先检查资源所有权、执行时机和宿主前提，而不是只改最终 UI。

Landmark、heading 与结构

先验证输入序列，再检查失败、取消/卸载和降级；答案必须记录实际输出与未覆盖的宿主差异。

名称计算与 label

先验证输入序列，再检查失败、取消/卸载和降级；答案必须记录实际输出与未覆盖的宿主差异。

原生控件优先

先验证输入序列，再检查失败、取消/卸载和降级；答案必须记录实际输出与未覆盖的宿主差异。