你的點數不足以執行本工具(9 點)。 購買點數 →
♿ 無障礙 (WCAG) 快檢
描述一個頁面/介面或貼上其程式碼,做一次 WCAG 2.2 啟發式快檢——每條問題都標註對應成功準則、合規級別、影響人群和具體修復。
- 對準 WCAG 準則。 每條問題都標註確切的成功準則及 A / AA / AAA 級別。
- 指出影響誰。 每項發現都點名受影響人群——讀屏、低視力、純鍵盤使用者。
- 給具體修法。 不是"改善對比度",而是該改成什麼。
先看產出質量 —— 真實示例
示例 · 不消耗點數輸入 — 貼上的介面 / 程式碼
登入表單:輸入框只有 placeholder 沒有 <label>;"提交"是帶 onclick 的 <div>;正文是白底 #fff 上的 #999 文字;banner 自動輪播且無暫停按鈕。
產出 — WCAG 問題
- 1.4.3 對比度(最低) · AA — #fff 上的 #999 僅 2.85:1,低於 4.5:1 下限。影響低視力使用者。修復:正文加深到 ≥ #595959。
- 4.1.2 名稱、角色、值 · A — 用 <div> 做的"提交"無法聚焦、不會被讀作按鈕。影響鍵盤和讀屏使用者。修復:改用真正的 <button type="submit">。
- 3.3.2 標籤或說明 · A — 只有 placeholder 的輸入框輸入後即消失、讀屏不穩定。修復:加持久的 <label for>。
- 2.2.2 暫停、停止、隱藏 · A — 自動輪播無控制。修復:加可見的暫停/停止按鈕。
喜歡這個結果?你的點數快用完了 —— 充値繼續使用 →