Skill 广场
Web无障碍与WCAG合规审查 Skill

Web无障碍与WCAG合规审查.Skill

@addyosmani/accessibility-e4e39

4.8优秀AI 评分基础检查通过源自 GitHub

本功能专门用于提升网页对残障人士及辅助技术(如读屏软件、纯键盘操作)的友好程度。基于最新的WCAG 2.2规范与POUR四项原则(可感知、可操作、可理解、健壮性),结合Lighthouse和axe自动化审计流程。它能精准指出图像缺失替代文本、表单控件无关联标签、颜色对比度不足、焦点遮挡与陷阱、点击区域过小以及ARIA使用不当等无障碍缺陷,并提供现成的前端HTML/CSS/JS无障碍优化方案与人工走查清单。

编程前端开发工程师UI/UX设计师Web性能与质量测试工程师2026-09-23 更新main

Web无障碍与WCAG合规审查

本功能专门用于提升网页对残障人士及辅助技术(如读屏软件、纯键盘操作)的友好程度。基于最新的WCAG 2.2规范与POUR四项原则(可感知、可操作、可理解、健壮性),结合Lighthouse和axe自动化审计流程。它能精准指出图像缺失替代文本、表单控件无关联标签、颜色对比度不足、焦点遮挡与陷阱、点击区域过小以及ARIA使用不当等无障碍缺陷,并提供现成的前端HTML/CSS/JS无障碍优化方案与人工走查清单。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

请帮我审计这个登录表单组件的代码,修复不符合WCAG 2.2标准的错误提示与输入框无障碍标签问题

我们的移动端导航在Lighthouse无障碍得分很低,请检查按钮可点击区域和图标无障碍名称

请为这段纯div实现的Tab标签页编写符合WAI-ARIA规范的键盘导航和焦点切换逻辑

适用人群

适合谁?

前端开发工程师UI/UX设计师Web性能与质量测试工程师出海合规负责人

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度