ARIA 驗證器
注重隱私的設計 — 完全在您的瀏覽器中執行
貼上 HTML 片段,工具會標出缺失的 alt、空白的互動元素、不正確的 role,以及在可聚焦元素上的 aria-hidden。
會抓哪些問題
<img> 缺 alt、沒有 aria-label 的空 <button>/<a>、href 為空或 "#" 的錨點、缺少 label/id 的 input、無效 role,以及在可聚焦元素上的 aria-hidden="true"。
能取代 axe 或 Lighthouse 嗎
不能。它是快速 pre-flight,把容易修的問題先抓出來。完整稽核仍需 axe、Lighthouse 與螢幕閱讀器測試。
為什麼接受圖片上的 role="presentation"
role="presentation"(以及 role="none")會移除預設語意,代表圖片為裝飾。這個或 alt="" 都能告訴輔助科技略過它。
常見問題
- 會抓哪些問題?
- <img> 缺 alt、沒有 aria-label 的空 <button>/<a>、href 為空或 "#" 的錨點、缺少 label/id 的 input、無效 role,以及在可聚焦元素上的 aria-hidden="true"。
- 能取代 axe 或 Lighthouse 嗎?
- 不能。它是快速 pre-flight,把容易修的問題先抓出來。完整稽核仍需 axe、Lighthouse 與螢幕閱讀器測試。
- 為什麼接受圖片上的 role="presentation"?
- role="presentation"(以及 role="none")會移除預設語意,代表圖片為裝飾。這個或 alt="" 都能告訴輔助科技略過它。
- 會上傳任何東西嗎?
- 不會。檢查只是這個頁面上的小型 JavaScript 函式,標記不會離開瀏覽器。