Skip to content
Panshi
EN / /
← 服務

♿ 無障礙 (WCAG) 快檢

描述一個頁面/介面或貼上其程式碼,做一次 WCAG 2.2 啟發式快檢——每條問題都標註對應成功準則、合規級別、影響人群和具體修復。

先看產出質量 —— 真實示例

示例 · 不消耗點數

輸入 — 貼上的介面 / 程式碼

登入表單:輸入框只有 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 — 自動輪播無控制。修復:加可見的暫停/停止按鈕。

相關工具

設計交付說明

把介面描述變成工程可直接落地的交付說明 —— 間距、字型、狀態、無障礙。

可用性審計

按尼爾森十大啟發式做可用性審計 —— 每條問題標註原則、嚴重度和修復。

用研訪談合成

把零散的訪談筆記合成為主題、證據和按優先順序排序的建議。

UX 微文案包

按鈕、空狀態、報錯、提示 —— 每個位置給多條貼合調性的備選。