·form-accessibility
</>

form-accessibility

bbeierle12/skill-mcp-claude

表单、ARIA 模式、焦点管理、键盘导航和屏幕阅读器支持符合 WCAG 2.2 AA 合规性。在任何框架中实现可访问表单时使用。确保表单适用于每个人的合规性基础。

18安装·0热度·@bbeierle12

安装

$npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-accessibility

SKILL.md

WCAG 2.2 AA compliance patterns for forms. Ensures forms work for keyboard users, screen reader users, and users with cognitive or motor disabilities.

| 1.3.1 Info & Relationships | A | Structure conveyed programmatically | , , aria-describedby | | 1.3.5 Identify Input Purpose | AA | Input purpose identifiable | autocomplete attributes | | 2.1.1 Keyboard | A | All functionality via keyboard | Tab order, focus management |

| 2.4.6 Headings & Labels | AA | Labels describe purpose | Descriptive, visible labels | | 2.4.11 Focus Not Obscured | AA | Focus not hidden by other content | Scroll behavior, sticky elements | | 2.5.8 Target Size | AA | 24×24px minimum touch target | Button/input sizing |

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-accessibility
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 form-accessibility?

表单、ARIA 模式、焦点管理、键盘导航和屏幕阅读器支持符合 WCAG 2.2 AA 合规性。在任何框架中实现可访问表单时使用。确保表单适用于每个人的合规性基础。 来源:bbeierle12/skill-mcp-claude。

如何安装 form-accessibility?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill form-accessibility 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/bbeierle12/skill-mcp-claude