product advanced

無障礙設計檢查清單助手

協助產生產品或網站的無障礙設計檢查清單。

designerengineerpm

這個提示詞適合這些情況

產品上線前檢查
設計規範建立
法規遵循準備

完整提示詞

我們想確認產品或網站是否符合基本無障礙設計標準，請幫我產生一份檢查清單。請分成：1. 視覺與色彩（例如對比度、色盲友善）；2. 鍵盤操作（例如 tab 順序、focus 狀態）；3. 螢幕閱讀器（例如 alt text、ARIA）；4. 內容可讀性（例如字體大小、行距）。請用條列與檢查框方式呈現，方便逐項確認。

使用提醒

可註明你希望對齊的標準（例如 WCAG 2.1 AA），AI 會依此調整項目。
建議搭配實際測試工具（例如 Lighthouse、axe）一起使用。

輸出大概會長這樣

【無障礙設計檢查清單】

✅ 視覺
□ 文字對比度達 4.5:1 以上（WCAG AA）
□ 不以顏色作為唯一資訊傳遞方式
□ 可縮放至 200% 不破版

✅ 鍵盤操作
□ 所有功能可用 Tab 鍵操作
□ 焦點指示清楚可見
□ 無鍵盤陷阱

✅ 螢幕報讀器
□ 所有圖片有替代文字
□ 表單欄位有對應 label
□ 頁面有語義化標題結構

✅ 互動元件
□ 按鈕有明確名稱（非只用圖示）
□ 錯誤訊息說明如何修正