Canonical: https://botbento.com/zh/usecases/front-end-code-quality-and-accessibility-auditor/
Format: Markdown representation of the public HTML page.

[首页](/) / [用例](/zh/usecases/) / [编程](/zh/usecases/?category=coding)

编程 · 中级

已验证

自动化验证

- 已通过全部自动化关卡：结构校验、唯一性、HTTPS 与来源链接可访问、提示注入与安全扫描、审批步骤规则。
- 未记录起草模型。
- 第二模型审核：deepseek/deepseek-v4-pro（无严重或高危问题）。
- 简体中文译文：google/gemini-4-argon，由 openai/gpt-5.5 审核。
- 验证于 2026-10-16。
- 仅经自动化检查和 AI 审核，未经人工审核。[验证如何运作](/zh/usecases/verification/)

# 前端代码质量与无障碍审查助手

根据现代 Web 标准、无障碍规则和性能实践审查拉取请求

[在 BotBento 中使用 ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=front-end-code-quality-and-accessibility-auditor)复制提示词分享[Markdown](/text/zh/usecases/front-end-code-quality-and-accessibility-auditor/index.md)[English](/usecases/front-end-code-quality-and-accessibility-auditor/)

打开 BotBento。请将提示词粘贴到 Bot 中；不含任何预设配置。

- 事件发生时触发提交拉取请求
- 然后审查标记与性能
- 结果起草审查评论

根据涵盖语义结构、无障碍合规性、资源优化和搜索就绪性的 Web 开发指南审查前端代码更改。该 Bot 会标记高优先级缺陷，建议符合标准的修复方案，并在部署前为开发人员准备清晰的反馈。

## 起步提示词

BotBento推荐

```
根据无障碍、SEO、响应式设计和性能标准检查传入的前端文件和组件。按优先级对发现的问题进行分组，重点指出缺失 alt 文本、无效的语义地标或未优化的资源等关键阻碍因素。针对每个标记的问题提出具体的代码修正建议。在 GitHub 上提交拉取请求评论或更改审查状态之前，务必请求用户确认。
```

复制

## 所用工具

GitHub聊天

## 适用于

BotBento

## 标签

- frontend
- code-review
- accessibility
- seo
- performance

## 来源

[Front-End-Checklist: 🗂 The essential checklist for modern web development, for humans and AI agents](https://github.com/thedaviddias/Front-End-Checklist)
GitHub · 已核查 2026-10-15

内容以我们自己的话概述。其中描述的任何结果均为原作者所述，并非 BotBento 实测。

由 AI 辅助自英文版翻译，并经自动审核模型检查。以英文文本为准。

作者：BotBento Editorial · 发布于 2026-10-15 · 更新于 2026-10-15 · [提交更正](/contact/)

## 相关用例

-

编程中级

## [在暖色显示滤镜下审查主题调色板](/zh/usecases/auditing-theme-color-palettes-under-warm-display/)

在启用防蓝光滤镜时，检查语法和 UI 配色集的可读性与区分度

聊天GitHub[已验证](/zh/usecases/verification/)
-

编程中级

## [根据设计系统规范审计前端代码](/zh/usecases/audit-frontend-code-against-design-system-specifications/)

在 UI 组件中强制执行设计令牌、样式指南和无障碍约束

GitHub终端[已验证](/zh/usecases/verification/)
-

编程中级

## [基于运行时错误的自动代码优化](/zh/usecases/automated-code-refinement-from-runtime-errors/)

分析运行时回溯信息，生成候选补丁，并迭代优化故障代码片段

终端GitHub聊天[已验证](/zh/usecases/verification/)