awesome-agent-skills 上游索引 推薦 MIT

Web 無障礙稽核

依 WCAG 2.2 與實際互動檢查 Web 內容的感知、操作、理解與相容性。

來源頁標題：Accessibility Skill

awesome-agent-skillsaddyosmanisecurity

逐篇公開審查紀錄

桌面審查結論

原始內容輔助審查 · 信心 high

accessibility 已通過四項桌面門檻。實用性評為 high：Bundles WCAG 2.2 success criteria with copy-paste HTML/CSS/JS patterns, so you fix issues directly instead of cross-referencing the spec for every rule.

通過完整來源審查、三類合成任務測試與八項通用性品質門檻，依本次委託重審列入固定 30 席。

它完成什麼工作
依 WCAG 2.2 與實際互動檢查 Web 內容的感知、操作、理解與相容性。
實質幫助
高 — Bundles WCAG 2.2 success criteria with copy-paste HTML/CSS/JS patterns, so you fix issues directly instead of cross-referencing the spec for every rule.
應該啟用
  • Adding alt text and ARIA labels to icon-only buttons in a dashboard
  • Fixing color contrast failures flagged by a Lighthouse audit
  • Wiring up keyboard handlers and focus traps for a custom modal
  • Meeting the WCAG 2.2 24x24px minimum target size on mobile controls
不該啟用
  • 需求不屬於「accessibility」的工作範圍，或只是名稱相近但交付物不同。
  • 無法提供必要輸入、適用技術棧或可隔離的測試環境。
輸入
  • 待驗證的行為、程式碼或介面，以及預期結果與測試限制
輸出
  • 可執行的測試、測試步驟、失敗證據或除錯結論
工作與觸發邊界 通過 原始 description 說明主要動作，並提供 5 個使用情境。 內容與必要附檔 通過 已取得 451 行原始 SKILL.md，並核對 2 個明示的 scripts/references/assets 路徑。 來源與授權 通過 已從原始來源取得內容雜湊 e7193cfa7082…，並找到上游 MIT 授權依據。 安全實測能力 通過 可使用合成、非敏感輸入完成離線測試，不需要執行不可逆外部動作。

來源、授權與依賴

來源：原始來源：https://github.com/addyosmani/web-quality-skills/tree/main/skills/accessibility；於 2026-08-08T15:34:07.434Z 取得 451 行，SHA-256 e7193cfa7082217ef89d9dd942c06e578774c0a52808703417e4d83fd3b3104c。

授權：上游授權檔檢出 MIT；本館 catalog 欄位依 README 正式授權章節維持 MIT。

依賴：原文明示依賴：@axe-core/cli -g

快照：開啟審查來源 · 451 行 · SHA-256 e7193cfa7082… · 2026-08-08T15:34:07.434Z

安全測試邊界

使用合成、非敏感的待驗證的行為、程式碼或介面，以及預期結果與測試限制，只評估可執行的測試、測試步驟、失敗證據或除錯結論；不連線到正式環境，不提交或發布結果。

  • 不得使用真實憑證、敏感資料或正式環境
  • 不得發布、交易、寄送訊息或執行不可逆變更

這是可安全執行的測試方案；只有固定 30 席推薦 Skill 另有三類實測通過證據。

價值證據

  • 451 行內容、12 個主要小節
  • 19 個程式碼區塊、15 個編號步驟、7 個檢查項
  • 2 個明示附檔

限制

桌面審查未發現額外限制；仍不等同推薦或正式環境保證。

必要附檔：2／2 可取得
  • references/A11Y-PATTERNS.md — 可取得
  • references/WCAG.md — 可取得

審查：Codex（逐篇來源桌面審查） · 2026-08-08

公開策展紀錄

為什麼推薦

Skill Library 專案策展者 · 2026-08-09
明確工作
依 WCAG 2.2 與實際互動檢查 Web 內容的感知、操作、理解與相容性。
應該啟用
  • 要求 a11y 稽核、鍵盤操作、焦點管理、螢幕閱讀器或 WCAG 改善。
不該啟用
  • 只調整視覺風格，沒有無障礙需求或可測的互動內容。
輸入
  • 頁面或元件
  • 關鍵使用者流程
  • 目標等級與支援環境
輸出
  • 可追溯的無障礙發現
  • 修正建議
  • 自動掃描與手動驗證證據
和現有 Skill 的差異
不把 axe 無錯當成完成；還要用鍵盤、焦點順序、語意與對比做手動驗證。
來源、授權與依賴
  • 來源：已確認。原始來源：https://github.com/addyosmani/web-quality-skills/tree/main/skills/accessibility；於 2026-08-08T15:34:07.434Z 取得 451 行，SHA-256 e7193cfa7082217ef89d9dd942c06e578774c0a52808703417e4d83fd3b3104c。
  • 授權：已確認。上游授權檔檢出 MIT；本館 catalog 欄位依 README 正式授權章節維持 MIT。
  • 依賴：已確認。瀏覽器與鍵盤測試；@axe-core/cli（可選自動掃描）
適用範圍 領域通用 對多數 Web 專案都有高實用性；工具可替換，且有可重現的完成證據。 工具可攜性 可替換依賴 預設推薦不得綁定單一供應商。 新手可直接使用 通過 不需先猜測隱藏步驟或專有背景。 可執行步驟 通過 內容提供能實際照做的流程。
完成條件
  • 關鍵流程同時通過相關自動檢查與鍵盤、焦點、語意等手動測試，所有發現可重現。
最小必要脈絡
  • 待測頁面或元件
  • 關鍵互動流程
  • WCAG 目標等級與支援環境
可組合的工作
新鮮度與下次複審
變動風險：中；最晚於 2027-02-09 前複審。
證據層級
合成任務測試。已通過隔離式合成任務 evaluator；目前未蒐集採用率或真實使用成功率，不把測試通過冒充社群採用證據。 合成測試通過只代表在隔離案例中符合預期，不等於真實採用率、使用成功率或社群背書。

三類測試證據

正向觸發 通過

提示：請審查這個 modal 的鍵盤、焦點與 accessible name。

預期：應啟用：依 WCAG 2.2 與實際互動檢查 Web 內容的感知、操作、理解與相容性。

結論：提示明確要求審查 modal 的鍵盤操作、焦點管理與 accessible name，直接符合 Skill 宣告的鍵盤導覽、螢幕閱讀器支援與 WCAG 稽核工作。

Codex isolated evaluator；read-only sandbox；合成、非敏感輸入；無外部副作用 · 2026-08-09

負向邊界 通過

提示：把這個靜態封面的配色改得更復古。

預期：不應啟用；邊界：只調整視覺風格，沒有無障礙需求或可測的互動內容。

結論：靜態封面的復古配色屬純視覺風格調整，未提出對比、可感知性或其他無障礙要求，也沒有可測互動；正確邊界是不啟用此 Skill。

Codex isolated evaluator；read-only sandbox；合成、非敏感輸入；無外部副作用 · 2026-08-09

合成真實任務 通過

提示：審查合成 HTML：可點的 div 無 tabindex、icon button 無名稱、modal 開啟後焦點留在背景。

預期：指出三個可重現問題、對應 WCAG 原則、最小修正與鍵盤回歸步驟。

結論：Skill 與支援文件足以辨識三個問題，映射 WCAG/POUR，提出原生語意與焦點管理的最小修正，並設計可重現的鍵盤回歸測試。

Codex isolated evaluator；read-only sandbox；合成、非敏感輸入；無外部副作用 · 2026-08-09

啟用時機

當你需要WCAG compliance, screen reader support, 與 keyboard navigation時使用。

適合使用情境

  • 需要WCAG compliance, screen reader support, 與 keyboard navigation。
  • 想使用 addyosmani/accessibility 這類已整理好的 Agent Skill，而不是從零撰寫 prompt。
  • 需要從 awesome-agent-skills 索引快速找到 - Google Chrome team - Addy Osmani (Web Quality) 相關 Skill。

Skill 檔案

  • awesome-agent-skills README catalog entry

工作流程

  1. 先開啟原始來源，確認該 Skill 的安裝方式、支援工具與限制。
  2. 把 Skill 放到對應 agent 或 IDE 的 skills 目錄。
  3. 用一個小型真實任務測試 Skill 是否會在正確時機啟用。
  4. 確認輸出符合原始 Skill 的工作契約，再匯入日常工作流。

使用注意事項

  • 這筆是 awesome-agent-skills 的索引項，本 workspace 未包含完整 SKILL.md。
  • 實際安裝前請回到原始來源確認最新內容、授權與目錄結構。

來源

來源頁標題：Accessibility Skill

來源識別名稱：addyosmani/accessibility

WCAG compliance, screen reader support, and keyboard navigation

software-engineering-prompt-repos/awesome-agent-skills/README.md

開啟來源

這個 Skill 在做什麼

WCAG compliance, screen reader support, 與 keyboard navigation。這筆資料來自 awesome-agent-skills 的索引清單，原始專案是 addyosmani/accessibility。

為什麼值得收錄

它屬於 - Google Chrome team - Addy Osmani (Web Quality) 相關的 Agent Skill，可作為尋找、安裝或評估同類 Skill 的入口。因為來源 repo 本身沒有把完整 Skill 檔案放在本地，所以此頁保留 catalog 資訊與原始連結，避免把索引項誤認為完整 SKILL.md。

來源 Skill

這筆資料來自 awesome-agent-skills 的上游索引清單；本 workspace 沒有下載完整 SKILL.md。請開啟來源連結檢視或安裝原始 Skill。

開啟原始 Skill