standards-accessibility
✓使用语义 HTML、适当的 ARIA 属性、键盘导航、颜色对比度和屏幕阅读器兼容性构建可访问的用户界面。在创建或修改前端组件、HTML 模板、React/Vue/Svelte 组件、表单、交互元素、导航菜单、模式或任何 UI 元素时使用此技能。适用于处理 HTML 文件、JSX/TSX 组件、模板文件、确保键盘可访问性、实施焦点管理、向图像添加替代文本、创建表单标签、使用屏幕阅读器进行测试、管理 ARIA 属性、维护颜色对比度或构建标题层次结构。用于涉及 UI 可访问性合规性、WCAG 标准或包容性设计模式的任何任务。
SKILL.md
Core Rule: Build accessible interfaces that work for all users, including those using assistive technologies.
This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend accessibility.
Use native HTML elements that convey meaning to assistive technologies.
使用语义 HTML、适当的 ARIA 属性、键盘导航、颜色对比度和屏幕阅读器兼容性构建可访问的用户界面。在创建或修改前端组件、HTML 模板、React/Vue/Svelte 组件、表单、交互元素、导航菜单、模式或任何 UI 元素时使用此技能。适用于处理 HTML 文件、JSX/TSX 组件、模板文件、确保键盘可访问性、实施焦点管理、向图像添加替代文本、创建表单标签、使用屏幕阅读器进行测试、管理 ARIA 属性、维护颜色对比度或构建标题层次结构。用于涉及 UI 可访问性合规性、WCAG 标准或包容性设计模式的任何任务。 来源：maxritter/claude-codepro。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/maxritter/claude-codepro --skill standards-accessibility- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-05
- 更新时间
- 2026-02-18
快速解答
什么是 standards-accessibility？
使用语义 HTML、适当的 ARIA 属性、键盘导航、颜色对比度和屏幕阅读器兼容性构建可访问的用户界面。在创建或修改前端组件、HTML 模板、React/Vue/Svelte 组件、表单、交互元素、导航菜单、模式或任何 UI 元素时使用此技能。适用于处理 HTML 文件、JSX/TSX 组件、模板文件、确保键盘可访问性、实施焦点管理、向图像添加替代文本、创建表单标签、使用屏幕阅读器进行测试、管理 ARIA 属性、维护颜色对比度或构建标题层次结构。用于涉及 UI 可访问性合规性、WCAG 标准或包容性设计模式的任何任务。 来源：maxritter/claude-codepro。
如何安装 standards-accessibility？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/maxritter/claude-codepro --skill standards-accessibility 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/maxritter/claude-codepro
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-05