accessibility-compliance

無障礙合規性 (Accessibility Compliance) 技能為開發人員提供了一個全面的框架，以建立符合國際標準的包容性 Web 應用程式。此技能專為前端工程師、UI/UX 設計師及 QA 測試人員設計，旨在確保軟體對於所有使用者（包括視障、聽障、肢體障礙或認知障礙者）而言都是可感知、可操作、可理解且強健的。它將抽象的 WCAG 2.2 指南轉化為具體的開發任務，例如管理焦點狀態、建構語意化 HTML 以及優化行動裝置觸控目標。

• 完整支援 WCAG 2.2 Level AA 和 AAA 標準，包含非文字內容替代方案、對比度要求及焦點可見性。
• 實作強健的 ARIA 模式，包含地標角色 (Landmark roles)、狀態及屬性，用於動態 UI 元件。
• 透過正確的標題層級、描述性標籤及即時區域 (Live regions) 管理，提供先進的螢幕閱讀器支援。
• 優化鍵盤導航，包含邏輯 Tab 順序、彈出視窗的焦點捕捉 (Focus trapping) 及自訂鍵盤快速鍵管理。
• 行動裝置優先的無障礙策略，例如 44x44dp 的觸控目標尺寸、VoiceOver 和 TalkBack 相容性，以及動態字體縮放支援。
• 自動化稽核協助，以識別常見違規事項，如缺少標籤、顏色對比不足及跳過連結 (Skip links) 失效等問題。

使用此技能時，建議提供需要審查的特定元件或 UI 片段。Agent 將會使用 React/JSX、語意化 HTML5 及適當的 ARIA 屬性輸出符合無障礙標準的實作模式。這非常適合重構舊有元件、建立新的無障礙設計系統，或在 CI/CD 階段驗證合規性。請注意，雖然此技能提供關於 ARIA 和語意結構的專家建議，但仍建議使用如 NVDA、JAWS 或 iOS VoiceOver 等實際輔助技術進行手動測試，以驗證實際的使用體驗。此技能強調盡可能優先使用原生 HTML 元素而非複雜的 ARIA 覆寫，以確保在各類瀏覽器和輔助裝置間達到最大相容性。