圖片替代文字審查工具

找出頁面上所有缺少替代文字的圖片。這對無障礙存取和SEO至關重要。

如何使用本工具

1
Paste the full URL of a public, server-rendered page into the input field.
2
Click Analyze to fetch the page on our server and parse its HTML.
3
Review the Total, Missing alt, and Empty alt counts at the top.
4
Scroll the per-image list (red = missing alt, yellow = empty alt) and copy the src values you need to fix.

替代文字為螢幕閱讀器使用者和搜尋引擎描述圖片。WCAG 2.1 AA要求內容圖片具有有意義的替代文字，裝飾性圖片則使用空的alt=''。缺少替代文字是整個網路上排名第一的無障礙存取問題。本工具會標記出每一張沒有替代文字的圖片，以便你進行修正。

Auditing a marketing landing page before launch to confirm no hero or product <img> ships without an alt attribute.
Spot-checking a competitor's or client's live page to gauge how seriously they handle image accessibility.
Triaging an accessibility complaint by getting a fast list of images that screen readers would announce as unlabeled.
Reviewing a CMS template after a redesign to catch images where the author left the alt field blank.
Building an SEO punch list, since search engines use alt text to understand images and missing alts waste that signal.
Verifying that decorative images intentionally use alt="" rather than accidentally omitting the attribute entirely.

如果一張圖片純粹是裝飾性的怎麼辦？▼

使用alt=''（空字串）。這會告訴螢幕閱讀器有意跳過它。

替代文字應該多長？▼

要有描述性但簡潔，通常為5到15個詞。不要堆砌關鍵字；這既損害SEO也損害無障礙存取。