·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