要借助trae的ai能力执行可访问性检查，需明确传达wcag标准、aria规范和语义html要求，具体方法包括：一、用自然语言指令触发审查；二、上传html文件并指定审查维度；三、配置custom_config.yaml启用专用规则集；四、用builder模式生成合规组件模板；五、结合axe-core cli报告交叉验证。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您希望借助Trae的AI能力对代码执行可访问性（accessibility）检查，需明确向AI传达WCAG标准、ARIA规范、语义HTML结构等关键要求。以下是实现该目标的具体方法：
一、使用自然语言指令触发可访问性审查
该方法依赖Trae对上下文和自然语言意图的理解能力，通过精准描述可访问性关注点，引导AI识别缺失标签、错误role属性、键盘导航缺陷等问题。
1、在Trae的Chat模式中，选中待检查的HTML或React JSX代码片段。
2、输入指令：请依据WCAG 2.1 AA标准，检查以下代码的可访问性问题：包括但不限于alt文本缺失、label未关联表单控件、aria-label/aria-labelledby使用不当、焦点顺序混乱、对比度不足提示、非语义化标签（如div代替button）。
3、点击发送，等待AI分析并高亮具体问题位置及修复建议。
二、上传HTML文件并指定审查维度
该方法适用于整页HTML文件的批量可访问性扫描，AI将结合DOM结构与语义规则进行深度分析，避免仅依赖静态文本匹配的漏检。
1、在Trae主界面点击“+”号暂存更改，选择目标HTML文件。
2、在AI对话框中输入：请将此HTML文件作为完整可访问性审查对象，重点验证：所有图像是否含有效alt属性；所有表单控件是否被label显式或隐式关联；所有交互元素是否具备键盘可聚焦性（tabindex≥0或原生可聚焦）；所有aria-*属性是否符合WAI-ARIA 1.2规范；是否存在color contrast低于4.5:1的文本-背景组合（仅对内联样式和style标签中的颜色值做估算）。
3、确认AI输出结果后，在右侧diff视图中查看修改建议。
三、配置custom_config.yaml启用可访问性专用规则集
该方法通过预设结构化规则，使AI每次审查均强制覆盖可访问性核心项，确保一致性与可复现性，适用于团队级CI集成前的本地验证。
1、在项目根目录创建或编辑custom_config.yaml文件。
2、在ai_review节点下添加accessibility子模块：
3、填入如下YAML内容：accessibility_rules: enabled: true wcag_level: "AA" check_list: ["img_alt", "label_association", "keyboard_focus", "aria_validity", "color_contrast_estimate"]。
4、保存配置，重启Trae或刷新AI审查会话，后续所有代码审查将自动包含上述可访问性检查项。
四、利用Trae Builder模式生成符合可访问性规范的组件模板
该方法从源头规避常见可访问性缺陷，AI基于声明式需求生成已预置ARIA属性、键盘事件处理、焦点管理逻辑的组件代码，减少人工遗漏风险。
1、切换至Builder模式，输入需求：生成一个符合WCAG 2.1 AA标准的折叠面板（Accordion）组件，使用React + TypeScript，要求：每个标题按钮含role="button"与aria-expanded；面板区域含role="region"与aria-labelledby；支持键盘操作（Enter/Space展开，Tab进入下一个，Shift+Tab返回上一个）；所有状态变更触发aria-live="polite"。
2、确认AI生成的组件代码后，点击Apply应用至新文件。
3、检查生成代码中是否包含useEffect处理焦点同步、onKeyDown拦截键盘事件、以及完整的ARIA属性绑定。
五、结合axe-core CLI输出进行交叉验证
该方法利用行业标准工具axe-core的检测结果作为AI审查的参照基准，AI据此解释失败规则含义并提供对应修复代码，提升可信度与可操作性。
1、在终端运行：npx axe-cli --rules=best-practice,wcag2a,wcag2aa ./src/index.html，保存输出为axe-report.json。
2、将axe-report.json拖入Trae AI对话框，并输入：请解析此axe-core报告，逐条说明每项failure的可访问性影响，并为每一条生成可直接替换的HTML/JSX修复代码，保持原有功能逻辑不变。
3、核对AI生成的修复代码是否准确映射axe的node selector路径，并在diff中确认变更范围限于问题所在行。
