Tool Hub

無障礙檢查器

靜態 a11y 檢查 (alt/label/role/標題順序) — WCAG 2.1 的一部分

檢查結果
0 錯誤
0 警告

⚠ Subset of WCAG 2.1 — for full audit use axe-core or Lighthouse.

使用方法

  1. 將 HTML 片段貼到輸入欄位中。
  2. 檢查器會立即掃描常見的無障礙問題,例如缺少 alt 屬性、空白按鈕、未標示的輸入框和無效的 ARIA 角色。
  3. 在結果面板中檢閱每個標記的問題,查看規則名稱和違規元素。
  4. 修正 HTML,並即時觀看問題清單更新。

範例

  • 貼上 <input type="text" placeholder="Email" /> 會標記遺失標籤 — 用 <label> 包裝即可解決。
  • 沒有 alt 屬性的 <img src="/logo.png" /> 會被報告為違規;新增 alt="Company logo" 即可立即解決。

生產環境使用前請驗證輸出。無擔保 — 參見 條款.