DevTrends开发者趋势
主题色

chanmeng666 /

a11y-loop

中文说明: 文档与演示视频: 它做什么。 现在很多前端界面是 AI 编程助手(Claude Code、Codex 等)写的,但它们很少在浏览器里看一眼自己写出来的东西。a11y-loop 是一个开源的 Agent Skill 加命令行工具:在做计划时让智能体先决定无障碍方面的取舍;写代码时默认用语义化 HTML(真正的 <button>,而不是可点击的 );写完后用 axe-core 在 Chromium 里审计,分默认、深色模式、强制…

语言JavaScriptDT安全与测试DT软件开发DTAgent 能力扩展DTAgent 评测与安全DT命令行工具DTSkill / 插件DTLinuxDT终端DTClaude CodeDTCodex原始a11y原始accessibility

关于

中文说明: 文档与演示视频: 它做什么。 现在很多前端界面是 AI 编程助手(Claude Code、Codex 等)写的,但它们很少在浏览器里看一眼自己写出来的东西。a11y-loop 是一个开源的 Agent Skill 加命令行工具:在做计划时让智能体先决定无障碍方面的取舍;写代码时默认用语义化 HTML(真正的 <button>,而不是可点击的 );写完后用 axe-core 在 Chromium 里审计,分默认、深色模式、强制颜色、减少动态效果、320px 窄屏五遍,并覆盖智能体自己构建的状态(弹窗打开、菜单展开、表单报错)。修复后再审计,用 diff 看有没有引入新问题。 它查不到什么。 它不测屏幕阅读器,也判断不了图片说明写得对不对、焦点顺序是否合理。审计结果干净,只表示没有发现能被自动检测出来的问题。每次运行都会附一份针对当前页面的人工检查清单。 试用: bash npm i -g a11y-loop a11y-loop install-browser a11y-loop audit --html "<button></button>" MIT 协议,免费。

收录记录

  1. 阮一峰周刊·用户投稿

    2026年10月19日 · 1 次收录

讨论这个产品