← 返回 Skills 市场
Accessibility Check
作者
Bovin Phang
· GitHub ↗
· v2.5.0
· MIT-0
27
总下载
0
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install fec-accessibility-check
功能描述
Use when reviewing or improving frontend accessibility, semantic structure, keyboard support, focus management, ARIA labels, screen reader behavior, WCAG 2.2...
使用说明 (SKILL.md)
无障碍实现规范(WCAG 2.2 AA)
Purpose
确保前端 UI 对残障用户可访问,满足 WCAG 2.2 AA 的核心要求,并能被键盘、屏幕阅读器、触控和缩放用户稳定使用。
Procedure
- 检查语义结构:landmark、标题层级、表单 label、按钮/链接可访问名称、表格语义和图片 alt。
- 检查键盘路径:Tab 顺序、Enter/Space/Esc 行为、焦点可见、关闭后焦点恢复。
- 检查复杂组件:对话框、菜单、标签页、树、抽屉、表格和自定义控件的 ARIA 状态。
- 检查动态状态:loading、empty、error、toast 和异步更新需要被屏幕阅读器感知。
- 检查视觉与触控可读性:文本/背景对比、focus ring、缩放到 200%、减少动效偏好、触摸目标尺寸和移动端虚拟键盘行为。
- 用真实键盘路径复核关键流程,必要时补充屏幕阅读器或浏览器无障碍树观察;屏幕阅读器流程见 references/screen-reader-testing.md。
- 复核 WCAG 2.2 新增高频风险:可见焦点不被遮挡、拖拽操作有替代路径、目标尺寸过小、帮助入口和认证流程不依赖记忆负担。
- 输出分级报告;报告格式见 references/report-template.md。
Detailed References
撰写无障碍审查报告时,加载 references/report-template.md。需要验证屏幕阅读器公告、焦点读法和动态区域时,加载 references/screen-reader-testing.md。
Constraints
- 优先使用语义化 HTML,而不是 ARIA。
role不应覆盖原生语义。- 交互元素必须可键盘访问。
- 表单错误必须与字段关联。
- 颜色对比度风险需要指出具体文本/背景组合。
- 不用 ARIA 弥补可以用原生 HTML 解决的问题。
- 不把浏览器自动可访问树当作最终结论;关键路径需要用键盘和至少一种辅助技术或等价检查验证。
Expected Output
交互元素可键盘访问,语义和 ARIA 使用正确,焦点管理稳定;无障碍检查报告保存为 reports/accessibility-review-YYYY-MM-DD-HHmmss.md。
安全使用建议
Install if you want an agent to help review frontend accessibility and generate a local report. Expect it to inspect relevant UI/source files and write a report in the workspace; review any proposed code changes before applying them.
能力评估
Purpose & Capability
The stated purpose is WCAG/accessibility review, and the artifact instructions stay within semantic HTML, keyboard access, ARIA, screen reader checks, and reporting.
Instruction Scope
Runtime instructions are scoped to inspecting frontend accessibility issues and writing a review report; no prompt overrides, deception, unrelated actions, or unsafe automation were found.
Install Mechanism
The package uses a standard SKILL.md layout with markdown/json files only, no dependencies, and no package lifecycle scripts or executable files in the shipped artifact.
Credentials
Reviewing application UI and optionally using browser accessibility tooling or screen readers is proportionate to the accessibility-check purpose.
Persistence & Privilege
The skill asks the agent to save a report under reports/accessibility-review-YYYY-MM-DD-HHmmss.md, which is disclosed, local, and purpose-aligned; no background persistence or elevated privilege is requested.
如何使用
- 确保已安装 OpenClaw(本地或 Docker 部署)
- 在对话框中输入安装命令:
/install fec-accessibility-check - 安装完成后,直接呼叫该 Skill 的名称或使用
/fec-accessibility-check触发 - 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v2.5.0
- Expanded and clarified the skill description and Chinese trigger keywords.
- Documented detailed procedures and constraints for conducting frontend accessibility checks according to WCAG 2.2 AA.
- Added explicit steps for semantic structure, keyboard accessibility, ARIA usage, touch/readability, and assistive technology validation.
- Included references to supporting files for screen reader testing and report templates.
- Updated expected output requirements for accessibility review reports.
元数据
常见问题
Accessibility Check 是什么?
Use when reviewing or improving frontend accessibility, semantic structure, keyboard support, focus management, ARIA labels, screen reader behavior, WCAG 2.2... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 27 次。
如何安装 Accessibility Check?
在 OpenClaw 或 Claude Code 对话框中运行命令「/install fec-accessibility-check」即可一键安装,无需额外配置。
Accessibility Check 是免费的吗?
是的,Accessibility Check 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。
Accessibility Check 支持哪些平台?
Accessibility Check 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。
谁开发了 Accessibility Check?
由 Bovin Phang(@bovinphang)开发并维护,当前版本 v2.5.0。
推荐 Skills