分類: 開發工具
圖片替代文字稽核工具
列出每個 <img> 標籤，並標記缺漏或不理想的替代文字
貼上 HTML 即可列出其中每一個 <img> 標籤，並標記出缺少 alt 屬性的圖片、alt 為空（對裝飾性圖片而言是有效寫法）的圖片，以及長到值得精簡的替代文字。全程在你的瀏覽器中執行。
| 來源 | 替代文字 |
|---|---|
/hero.jpg | Team collaborating around a laptop in a bright office (正常) |
/icon-search.svg | (為空（若為裝飾性圖片則沒有問題）) |
/banner.png | (缺少 alt 屬性) |
/chart.png | Quarterly revenue chart showing steady growth from January through December, broken down by region and product line, with month-over-month percentage change annotations (建議精簡) |
本頁的所有處理都在瀏覽器中完成，不會上傳任何內容。
這個工具能做什麼
替代文字是螢幕閱讀器乃至搜尋引擎理解圖片內容的方式，但在較大的頁面中，缺漏的屬性或過長的描述很容易被忽略。本工具會列出貼上的 HTML 中找到的每一個 <img> 標籤及其替代文字，標記出完全沒有 alt 屬性的圖片，將 alt="" 這種空值標註為在圖片屬於裝飾性時屬於正常寫法，並指出長到值得精簡為更清楚描述的替代文字。
使用方式
- 在輸入框中貼上頁面或元件的 HTML。
- 檢視圖片清單，以及每張圖片替代文字旁顯示的狀態。
- 補上缺漏的替代文字，確認空白的 alt 屬性是刻意為之，並精簡過長的內容。
隱私說明
本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享，關閉分頁就隨之消失。
常見問題
- 我的 HTML 會被上傳到任何地方嗎？
- 不會。文件只會被瀏覽器分頁中的分詞器當作文字讀取，不會被算繪、執行或傳送到伺服器。
- alt="" 一定是錯誤嗎？
- 不一定。對於純裝飾性的圖片，空白的 alt 屬性是規範建議的正確做法，因此本工具只會將其標註出來，而不會像處理缺漏屬性那樣視為錯誤。
- 替代文字多長算是過長？
- 沒有硬性限制，但很長的替代文字是一個值得人工檢查的粗略訊號；本工具會將超過約 125 個字元的替代文字標記為建議檢視，以便改寫為更簡短清楚的描述。