accessibility-compliance-accessibility-audit
使用 WCAG 審核 Web 無障礙性
此技能協助開發人員使用自動化工具和手動測試進行全面的 WCAG 合規性審核，以識別無障礙障礙並提供修復指導。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「accessibility-compliance-accessibility-audit」。 Run WCAG AA audit on example.com
預期結果:
Accessibility Audit Results: Score 72/100. Critical Issues: 3 (missing alt text, form labels). Serious Issues: 5 (contrast, focus indicators). Recommended fixes with code examples provided.
正在使用「accessibility-compliance-accessibility-audit」。 How do I fix keyboard trap in modal?
預期結果:
To fix keyboard trap: 1) Add Escape key handler to close modal. 2) Ensure focus returns to trigger element. 3) Trap focus within modal while open. See code example with React and ARIA.
安全審計
安全Security review complete. All static findings are false positives. The skill provides legitimate accessibility testing examples using standard tools (axe-core, Puppeteer). No actual command injection, credential access, or malicious network requests present. Code examples are for local accessibility testing only.
品質評分
你能建構什麼
發布前無障礙性審核
在網站上線前執行全面的無障礙性審核，以確保符合 WCAG AA 標準並識別障礙。
修復指導
取得逐步修復特定無障礙性違規的指導，包含程式碼範例。
無障礙性教育
學習鍵盤導覽、螢幕閱讀器支援和包容性設計模式的最佳實踐。
試試這些提示
Run a WCAG AA accessibility audit on my website at [URL]. Identify the top issues and provide remediation steps.
Test the login form component for accessibility. Check for proper labels, keyboard navigation, error handling, and screen reader announcements.
I have [specific accessibility issue]. Provide detailed code examples to fix this using React and ARIA attributes.
Create a GitHub Actions workflow to run automated accessibility tests on every pull request using axe-core.
最佳實務
- 始終使用真實輔助技術進行測試，而非僅依賴自動化工具
- 根據使用者影響優先排序修復（嚴重 > 重大 > 中等 > 輕微）
- 在程式碼註解中記錄無障礙性決策和理由
- 將無障礙性測試納入 CI/CD 管線
避免
- 僅依賴自動化工具而不進行手動測試
- 僅使用顏色作為傳達資訊的唯一方式
- 設定 tabindex > 0 會破壞邏輯導覽順序
- 在不理解 ARIA 屬性含義的情況下添加