# 浏览器功能交付：操作、渲染与可访问性一起验收

工作单元：W-C04；版本：2026-10-21.workunits.2；复核：2026-10-20
交付可在目标浏览器完成真实用户任务的界面变更，附持久状态、视觉差异和可访问性证据。

## 当前用法
可整包委派已定义交互的实现与浏览器迭代；以真实状态变化接收，键盘和辅助技术另留明确检查。
依据：视觉JavaScript软件缺陷已有专属评估；原研究观察到通用修复系统跨到视觉与另一语言时明显退化；可用Playwright与axe检查常见自动化可访问性缺陷，但需要交互和辅助技术条件验证补足覆盖。
来源状态：active
本站记录：本次只核查公开材料和任务契约；未在本站运行该任务、工具或模型。

条件：
- 固定仓库、API数据种子、浏览器/视口、语言、网络条件与访问身份；性能预算按真实业务冻结。
- 保留原页面trace和响应数据，允许Agent选DOM/截图/代码工具探索，关键结果从服务状态反查。

## 请求与范围
给定页面、用户意图和设计参照，定义提交后/刷新后应保留的状态以及加载、无数据、失败和无权限行为。
范围为已给设计/行为目标的页面或组件，不把视觉截图等同交互成功；原创品牌设计另定验收。

## 输入
- 目标状态：给定页面、用户意图和设计参照，定义提交后/刷新后应保留的状态以及加载、无数据、失败和无权限行为。
- 环境与差异：固定仓库、API数据种子、浏览器/视口、语言、网络条件与访问身份；性能预算按真实业务冻结。
- 接收基线：保留原页面trace和响应数据，允许Agent选DOM/截图/代码工具探索，关键结果从服务状态反查。

## 交付物
- 可应用界面补丁及组件/状态接口变化
- 真实浏览器操作trace、状态对照和视口截图
- 键盘/焦点/语义检查、性能前后测量及未覆盖辅助技术范围

## 验收
1. 任务确实完成
   方法：执行输入—提交—刷新—重进，核对服务端或本地持久状态与错误恢复。
   拒收：只截图漂亮页面，点击按钮无效果。
2. 不同使用条件可接收
   方法：对目标视口、加载/失败态、键盘导航及焦点恢复逐项检查；axe只负责可自动发现的规则。
   拒收：把零axe告警写成所有辅助技术用户都能完成任务。
3. 改善可重复
   方法：在同一数据/网络/设备条件比较性能与布局，保留失败trace。
   拒收：只更改阈值或关闭慢路径来声称性能改善。


## 具体例子
输入：筛选订单后导出，移动宽度下错误提示不挡住重试按钮。
预期产物：补丁、真实请求/文件结果、键盘焦点与三类状态trace。
失败：按钮只是下载伪CSV，刷新后过滤条件丢失。

## 工作重组
以前：设计、开发、手工点验和缺陷来回交接。
现在：Agent可自主修改页面、启动浏览器、观察trace并迭代，程序核对数据状态；使用者按目标接收体验。
保留：
- 确定用户任务、视觉取舍和需要支持的使用条件；辅助技术体验缺口应由相应使用场景验证。
新增：
- 在同一数据/网络/设备条件比较性能与布局，保留失败trace。

## 人的责任与失败接管
确定用户任务、视觉取舍和需要支持的使用条件；辅助技术体验缺口应由相应使用场景验证。
缺API、浏览器或登录身份时交付可重现阻塞与已完成范围；不能用静态图宣告功能交付。

## 尚待补足
- 目标页面的持久状态、跨浏览器、键盘/读屏与性能矩阵尚未实际重放。

## 职业与团队下一步
前端开发、质量工程
可应用界面补丁及组件/状态接口变化
选择一个有异步提交和失败恢复的真实页面，先冻结端点/状态控制；让Agent交付并重放键盘、窄屏和慢网路径。
/explore?purpose=career&domain=computing
视觉任务已有独立研究对象，通用Python修复成绩不能迁移成界面完成率；浏览器反馈能把画面、动作和状态放进同一修正循环。
Agent可自主修改页面、启动浏览器、观察trace并迭代，程序核对数据状态；使用者按目标接收体验。
用一项真实授权交付核对可接收产物、失败、返工和接收耗时；据此调整工具/环境与团队分工。
/explore?purpose=team&domain=computing

## 证据与关系
- SWE-bench Multimodal 原论文：https://arxiv.org/abs/2410.03859v1
  定位：Abstract；任务定义与实验；公开 2024-10-04；核查 2026-10-20；复查 2027-01-20
  支持：证明视觉修复需要独立任务分布。
  未覆盖：2024历史系统，不能当成2026当前前端能力上限。
- Playwright accessibility testing：https://playwright.dev/docs/accessibility-testing
  定位：Introduction；Example tests；WCAG limitations；公开 未标注单页发布日期；核查 2026-10-20；复查 2027-01-20
  支持：给出自动规则和边界。
  未覆盖：工具检查不是Agent表现或全面WCAG认证。
- Playwright MCP 官方实现：https://github.com/microsoft/playwright-mcp
  定位：README：tools、browser configuration；公开 持续更新仓库；本次2026-10-20访问；核查 2026-10-20；复查 2027-01-20
  支持：提供操作与观察的可用接口。
  未覆盖：迁移到具体产品仍需独立数据与体验检查。


## 任务级判断与证据
采用方式：限定条件下整包委派
从证据到建议：视觉任务已有独立研究对象，通用Python修复成绩不能迁移成界面完成率；浏览器反馈能把画面、动作和状态放进同一修正循环。
当前可用性：mixed；浏览器工具公开；模型、应用和浏览器版本需执行时固定，本站未安装。
- Playwright MCP：https://github.com/microsoft/playwright-mcp
  2026-10-20公开仓库HEAD ab6d67cbf8b619338f096980806fdbe29432cc4d；实际运行另固定依赖/镜像/模型；开源；Node与浏览器环境，目标应用账户另备

### 视觉JavaScript软件缺陷已有专属评估；原研究观察到通用修复系统跨到视觉与另一语言时明显退化。
依据身份：外部报告结果；状态：active
- SWE-bench Multimodal 原论文：https://arxiv.org/abs/2410.03859v1
  定位：Abstract：任务定义与视觉/跨语言实验摘要；关系：partial
  支持：证明视觉修复需要独立任务分布。
  限制：2024历史系统，不能当成2026当前前端能力上限。
  核查：2026-10-20；来源状态：active
配置：SWE-bench M：617任务、17个JS库；论文SWE-agent等原配置，非本站运行。
适用限制：2024历史系统，不能当成2026当前前端能力上限。
相关进展（本条判断）：
- SWE-bench Multimodal把视觉JS缺陷单列评估：/explore?purpose=understand&domain=computing&window=all#P-C-VISUAL-REPAIR
  首次公开 2024-10-04

### 可用Playwright与axe检查常见自动化可访问性缺陷，但需要交互和辅助技术条件验证补足覆盖。
依据身份：工具与方法依据；状态：active
- Playwright accessibility testing：https://playwright.dev/docs/accessibility-testing
  定位：Introduction/Example accessibility tests；关系：method
  支持：给出自动规则和边界。
  限制：工具检查不是Agent表现或全面WCAG认证。
  核查：2026-10-20；来源状态：active
适用限制：工具检查不是Agent表现或全面WCAG认证。

### 行为契约和目标浏览器齐备时，AI可把实现、操作反馈和修复合成一个交付循环；新状态由独立控制验收。
依据身份：有条件的编辑推断；状态：active
- Playwright MCP 官方实现：https://github.com/microsoft/playwright-mcp
  定位：README：browser tools/configuration；关系：method
  支持：提供操作与观察的可用接口。
  限制：迁移到具体产品仍需独立数据与体验检查。
  核查：2026-10-20；来源状态：active
适用限制：迁移到具体产品仍需独立数据与体验检查。

### 可在固定浏览器/设备/数据/网络下委派性能诊断与改动，按可重复测量和真实功能回归接收。
依据身份：有条件的编辑推断；状态：active
- Playwright MCP 官方实现：https://github.com/microsoft/playwright-mcp
  定位：browser configuration/tools；关系：method
  支持：公开操作/观察接口支持工程测量组织。
  限制：视觉JS修复研究不评性能；本页面无改善试验。
  核查：2026-10-20；来源状态：active
适用限制：视觉JS修复研究不评性能；本页面无改善试验。

## 情境变化
### 响应式与视觉还原
输入变化：既有设计有桌面/窄屏差异。
判断变化：可整包交付，先冻结内容和交互，避免用藏内容制造相似。
验收变化：检查断点、长文本、溢出与行为；截图须与真实DOM状态对应。
### 可访问性与输入设备
输入变化：使用键盘、读屏、缩放或不同输入法。
判断变化：自动规则可批量修复；复杂读屏流程需单独核验。
验收变化：逐步检查名称/角色、顺序、焦点返回和错误朗读。
### 性能与兼容迁移
输入变化：改变构建、组件、SSR/客户端状态或大列表。
判断变化：按浏览器矩阵分阶段接收。
验收变化：同数据负载记录性能、hydration和旧组件/接口回归。
### 业务仪表盘交互
输入变化：目标BI/浏览器环境、业务口径/结果内核、角色与发布入口固定。
判断变化：组合A01数据内核和真实界面实现接收；查询Agent案例不是仪表盘完成成绩。
验收变化：交组件/BI文件和运行入口，独立操作筛选/联动/下钻并对账分母/结果；验证角色权限、刷新/缓存/空态/错误态和重新进入。

研究前沿：SWE-bench Multimodal给出视觉JavaScript任务及历史实验，尚不能证明目标产品的跨浏览器与可访问性。
下一项验证：选择一个有异步提交和失败恢复的真实页面，先冻结端点/状态控制；让Agent交付并重放键盘、窄屏和慢网路径。
未来改判信号：
- 新页面和浏览器下真实任务、持久状态及键盘流程持续通过，可考虑扩大相近输入范围。
- 视觉相似但交互/焦点/错误恢复退化，需收窄支持矩阵，应收窄或暂停相应采用。

## 与本单元直接关联的进展
### SWE-bench Multimodal把视觉JS缺陷单列评估
公开 2024-10-04
617个视觉JavaScript缺陷任务把视觉和跨语言泛化问题显式化。
支持范围：历史模型与库级缺陷；不覆盖所有完整页面、可访问性或跨浏览器产品交付。
来源状态：active
/explore?purpose=understand&domain=computing&window=all&kind=all#P-C-VISUAL-REPAIR

领域背景与未来情景：/explore?purpose=understand&domain=computing


## 工具与采用佐证