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