wcag-audit-patterns
使用清晰的檢查清單執行 WCAG 2.2 稽核
無障礙稽核很複雜，容易遺漏關鍵問題。此技能提供 WCAG 2.2 檢查清單、測試指南和網站及應用程式的修復模式。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「wcag-audit-patterns」。 Audit our checkout flow for WCAG 2.2 AA issues.
預期結果:
- 檢查所有互動元素的鍵盤存取功能
- 驗證主要按鈕和錯誤文字的顏色對比度
- 確保表單輸入欄位有標籤，且錯誤訊息會被朗讀
- 新增跳過連結並驗證焦點可見性
- 記錄修復項目並使用 axe-core 重新測試
正在使用「wcag-audit-patterns」。 What are the critical WCAG issues to check on a landing page?
預期結果:
- 圖片和圖示缺少替代文字
- 按鈕和連結無法使用鍵盤操作
- 文字和背景的顏色對比度過低
- 註冊欄位的表單缺少標籤
- 互動元素沒有可見的焦點指示器
正在使用「wcag-audit-patterns」。 Help me fix the navigation for screen reader users.
預期結果:
- 新增適當的標籤：main、nav、aside、footer
- 為導航選單使用語義化 HTML
- 確保存在跳到主要內容的連結
- 為自訂選單按鈕新增 ARIA 標籤
- 使用螢幕閱讀器軟體測試閱讀順序
安全審計
安全This is a pure documentation skill containing WCAG 2.2 audit guidance. No executable code, scripts, network calls, file access, or system interactions are present. The skill only contains markdown documentation with checklists and code examples for reference. All 86 static findings are false positives caused by the scanner misinterpreting markdown syntax (code block delimiters flagged as shell execution, section headers flagged as crypto algorithms, accessibility testing references flagged as reconnaissance).
風險因素
🌐 網路存取 (8)
⚙️ 外部命令 (45)
品質評分
你能建構什麼
稽核發布就緒狀態
使用檢查清單在正式發布前驗證關鍵頁面。
改善元件模式
套用修復模式來修正標籤、對比度和焦點狀態。
準備 WCAG 審查
將發現對應到 WCAG 等級並記錄差距以供報告。
試試這些提示
為小型行銷網站建立初學者檢查清單，專注於 WCAG A 和 AA 項目。
列出表單中最常見的 WCAG 問題，並提供標籤和錯誤的具體 HTML 修復方式。
提出使用 axe-core 和 Playwright 來發現 WCAG 2.2 AA 問題的計劃。
草擬稽核大綱，包含證據收集步驟和修復優先順序。
最佳實務
- 結合自動化檢查和手動測試
- 先使用語義化 HTML 再新增 ARIA
- 記錄證據並按影響程度排序優先順序
避免
- 只依賴自動化工具
- 為了視覺設計移除焦點框線
- 使用顏色作為唯一狀態指示