電商小編一口氣上傳了二十張新品照片，檔名還是相機直出的編號，img_4482 這種格式，一張都沒填 alt。同一天，有視障顧客打開螢幕閱讀器逛這個網站，聽到的不是產品名稱，而是一長串「圖片、圖片、img-4482」；隔壁的行銷部門也正納悶，產品照明明拍得很用心，卻幾乎沒出現在 Google 圖片搜尋的結果裡。兩件事看起來毫不相干，一個是無障礙體驗出了狀況、一個是流量進不來，追根究柢卻是同一件事沒做好，就是圖片 alt 文字撰寫。
這篇要一次拆掉的，就是這兩個困擾共用的判斷邏輯，不必為了無障礙走一套流程、為了 SEO 又另外搞一套，alt 文字只要寫對，兩邊會同時被照顧到。這不是個案，WebAIM 針對全球百大首頁做的《The WebAIM Million》2026 年度報告分析了百萬個網站首頁，發現 16.2% 的首頁圖片完全沒有 alt 文字，平均一頁就有 10.8 張圖片被漏掉；53.1% 的首頁至少踩到一次「圖片缺少替代文字」這項 WCAG 失敗，是僅次於對比度不足的第二常見缺失。更關鍵的是，這些漏填 alt 的圖片裡，有 45% 本身還是可以點擊的連結圖片，等於使用者連這個連結要做什麼都不知道。
問題不在於大家不知道要填 alt，而在於多數人沒想清楚 alt 文字到底要對誰負責。
為什麼一段 alt 文字，要同時滿足螢幕閱讀器與搜尋引擎？
alt 文字其實同時服務兩種看不到圖片的讀者，一種是螢幕閱讀器使用者，另一種是搜尋引擎的爬蟲程式。這兩種讀者都無法直接辨識畫面本身，只能靠你填進 alt 屬性的那段文字，去理解這張圖在講什麼。
當螢幕閱讀器遇到一張圖片的 img 標籤，會直接把 alt 屬性的內容唸出來，而且在唸之前，它已經先宣告「這是一張圖片」了。也因為這樣，alt 文字裡不必再寫「這是一張圖片」或「這是一張照片」這種話，使用者早就知道這是圖片，你重複講一次只是浪費他聽的時間。
這件事也不只是使用體驗上比較貼心而已，還有明確規範撐腰。W3C 制定的 WCAG 1.1.1 準則要求，所有非文字內容都要有對應的文字替代，少數例外情況（如純裝飾、驗證碼）另有處理方式，但預設就是要具備。台灣數位發展部的無障礙網路空間規範，也把「圖片需要加上替代文字說明」列為最基礎的檢測項目之一，是網站無障礙合規最先被檢查的一條。
順帶一提，alt 屬性常被拿來跟 title 屬性搞混，title 是滑鼠移到圖片上才會跳出來的提示文字，多數螢幕閱讀器不會把它當成主要的無障礙依據，兩者不能互相取代。搞懂這個角色分工之後，接下來要處理的問題，就是同一張圖，alt 該寫什麼，這沒有一套萬用公式，但有清楚的判斷順序可以照著走。
不同圖片類型，alt 文字策略完全不同
判斷這個順序的第一步，是先想清楚這張圖在頁面裡扮演什麼角色。W3C 旗下的無障礙推廣工作組整理過一套判斷順序，可以直接借來用，先看這張圖是不是本身含有文字、有沒有連結或按鈕功能、是不是在傳達內容，還是純粹用來裝飾版面，把這幾個問題依序問過一輪，你就會落在下面五種常見類型裡的其中一種。
在細分之前，先記住一句最好用的判斷心法：「如果拿掉這張圖，讀者會漏掉什麼資訊？答不出來，通常就是裝飾用途。」符合這句話的圖片，可以直接跳到後面講空 alt 的寫法；答得出來的，再繼續往下看屬於哪一種類型。
資訊型圖片：一句話說出圖片的重點
產品照、活動紀錄照、人物側寫這類單純傳達內容的圖片，佔多數網站的大宗，寫法也最容易被誤解。多數人以為 alt 該鉅細靡遺地描述畫面裡有什麼，結果反而寫成一長串形容詞的堆疊。alt 真正該回答的問題，不是畫面長什麼樣子，而是這張圖對這篇內容來說，重點是什麼。
同一張照片放進不同文章，適合的 alt 文字可能完全不一樣。一張在咖啡廳用筆電工作的人的照片，放進遠距工作的文章裡，alt 該強調的是「在咖啡廳遠距辦公」這個情境；同一張照片如果放進筆電規格評測文章，alt 反而該把重點放回筆電本身，例如「開啟中的筆記型電腦螢幕」。畫面沒變，但文章的脈絡變了，alt 該強調的重點也要跟著換。
長度上不必貪多，WebAIM 針對 alt 文字撰寫的技巧指南就建議，內容通常幾個詞就能講完，很少需要超過一兩句話；開頭也不要用「一張……的照片」這種句式起頭，前面說過，螢幕閱讀器已經先宣告過這是圖片了，重複講等於浪費使用者的時間。
裝飾性圖片：交給空的 alt=”” 就好
分隔線、背景花紋、純粹讓版面好看的邊框圖，這類圖片不承載任何重要資訊，也沒有連結或按鈕功能，判斷起來相對單純，它們就是裝飾用途。
這種情況正確的做法，是把 alt 屬性的值設成空字串，讓螢幕閱讀器直接跳過這張圖，不要唸出任何內容。這裡最容易被誤解的地方在於，很多人以為「裝飾用的圖不用管」，乾脆整個 alt 屬性都不寫。這其實比寫空字串更糟。沒有 alt 屬性時，某些螢幕閱讀器會退而求其次，直接唸出圖片的檔名或路徑，使用者聽到的反而是一串沒有意義的英數字。空字串是刻意的標記，代表這張圖對內容沒有貢獻，可以跳過；完全不寫，代表你根本沒處理過這張圖，兩者的意義並不一樣。
功能型圖片：寫圖示要做的事，不是長相
當一張圖片本身就是連結或按鈕，例如放大鏡圖示的搜尋鈕、購物車圖示、PDF 下載圖示，alt 該描述的是按下去會發生什麼事，而不是這個圖示長什麼樣子。搜尋鈕的 alt 該寫成「搜尋」，不是「放大鏡」；購物車圖示該寫成「加入購物車」，不是「購物車圖案」；下載鈕該寫成「下載 PDF 版本」，不是「PDF 圖示」。螢幕閱讀器使用者聽到的是動作的結果，不是視覺上的長相，寫錯方向，使用者就得自己猜這個按鈕到底要幹嘛。
如果圖示旁邊已經有文字說明按鈕功能，例如送出按鈕旁邊本來就寫著「送出」兩個字，這時圖示本身的 alt 反而可以設成空字串，避免螢幕閱讀器把同一個功能唸兩次。另外要避開「點此」「更多」這類本身就不具體的字眼，螢幕閱讀器在唸出連結時，已經會先宣告這是一個連結，alt 再寫「點此」等於什麼資訊都沒補上。
圖表與資訊圖表：alt 放結論，細節留給內文
長條圖、圓餅圖、流程圖這類複雜圖片，alt 文字塞不下完整的資訊量，硬要塞，反而會變成一長串使用者記不住的數字。正確的做法，是先講出圖表的類型加上核心結論，例如「長條圖顯示本季銷售額較去年同期成長」，完整的數據或詳細說明，留給圖片旁邊的內文段落或表格去處理，alt 只負責讓使用者立刻抓到這張圖在說什麼重點。
這裡常見的失誤，是把內文段落已經寫過的說明整段複製貼進 alt 裡。內文與 alt 各司其職，內文負責展開細節，alt 負責在使用者聽不到、看不到圖表本身的情況下，先給出一句夠用的結論。
本身帶文字的圖片：alt 照抄文字，不重新詮釋
海報、宣傳圖、含有文字的畫面截圖，這類圖片本身就印著文字內容。如果這些文字沒有在頁面其他地方以真正的文字形式重複出現，alt 就該把圖片上的文字原封不動地抄進去，不要換句話說，也不要自己重新摘要，因為文字已經是使用者需要的完整資訊，改寫反而可能漏掉關鍵字句。
反過來，如果同樣的文字內容已經出現在圖片旁邊的內文裡，這張圖對螢幕閱讀器來說就等同於裝飾，可以直接設成空字串，避免同一段話被唸兩次。最理想的做法，其實是優先用真正的文字排版做出想要的視覺效果，而不是把文字做成圖片。圖片裡的文字沒辦法被螢幕閱讀器直接讀取，也沒辦法被搜尋引擎當成真正的內文去理解，不到必要，盡量別把文字做成圖檔。
五種類型判斷完一輪，alt 該怎麼形容圖片內容的問題就解決得差不多了，但多數人心裡還卡著另一個疑問，那就是關鍵字要不要放進 alt，放太多又會不會反而被扣分。
關鍵字放進 alt 文字，要怎麼寫才不算堆疊？
alt 文字服務的對象永遠是看不到圖片的那個人，關鍵字只有在剛好貼合圖片內容時才放進去，不是為了排名硬塞進一句話裡。
把好幾個近義詞塞進同一句 alt，是最常見的堆疊樣貌，例如「手沖咖啡 手沖壺 手沖濾杯 手沖技巧，教你手沖咖啡的方法」，一句話重複「手沖」四次，讀給螢幕閱讀器使用者聽，只會是一長串幾乎聽不懂的贅字；自然的寫法應該是「示範手沖咖啡的注水手法，水流細而穩定」，關鍵字只出現一次，而且是描述畫面真正在做的事。Google Search Central 官方文件對這件事講得很直接，替代文字內容要實用、資訊豐富、包含適當關鍵字，且與網頁內容相關，同時提醒要避免在 alt 屬性中加入大量關鍵字，也就是俗稱的濫填關鍵字，這樣做反而會對使用者體驗造成負面影響，甚至可能讓系統把網站判定為垃圾內容。
檔名同樣值得順手處理。爬蟲抓不到 alt 文字的時候，檔名也是判斷圖片主題的線索之一，把相機直出的編號換成看得懂內容的字詞，對圖片被正確理解也有幫助。
另外，同一頁如果放了好幾張圖，alt 不要全部套用同一句話，每張圖各自對應它真正呈現的內容，才不會讓使用者以為自己重複看到同一張圖，也才不會讓搜尋引擎誤判這幾張圖片其實是同一張。
把關鍵字放對位置之後，剩下要顧的，是那些看起來很用心、實際上卻是白做工的寫法。
這幾種 alt 寫法看似用心，其實是常見錯誤
前面幾節把該做對的判斷都拆過一輪，這裡換個角度，把最容易犯的錯誤整理成一份反面清單，方便你對照檢查手上的圖片。常見的錯誤大致有這幾種：
- 完全不填與填空字串，意義並不相同。完全不填等於遺漏，某些螢幕閱讀器會退而求其次，唸出檔名或路徑；空字串則是刻意的標記，代表這張圖真的不需要被唸出來，兩者不能混為一談。
- 只填「圖片」、「照片」這種字眼，等於沒填。這幾個字沒有提供任何超出「這是一張圖」的資訊，螢幕閱讀器早就先宣告過這件事了，重複寫等於浪費使用者聽的時間。
- 同一組產品的好幾張照片，全部套用同一句 alt。正面照跟側面特寫該有各自的重點，例如「白色帆布鞋正面照」跟「白色帆布鞋鞋底特寫」，套同一句，使用者根本分不出這幾張圖差在哪裡。
- 把 alt 當成放行銷文案或口號的地方。例如在產品照的 alt 裡塞進「我們保證專業服務」這種跟畫面內容毫無關係的宣傳詞，這既不是使用者想聽到的資訊，也不會讓搜尋引擎更看重這張圖。
這幾種錯誤都指向同一件事，alt 的第一個讀者是看不到圖片的人，不是搜尋引擎，順序一旦顛倒，就成了問題真正的根源。
養成一個習慣，眼前的判斷順序就會比套任何公式都管用。先看這張圖在頁面裡扮演什麼角色，是資訊、是裝飾、是功能，還是圖表或含文字的畫面，再依照角色決定 alt 該寫多長、該寫什麼。回到文章一開始那個場景，電商小編如果先做過這一輪判斷，視障顧客聽到的就不會再是一串沒有意義的檔名編號，產品照片也才有機會被正確理解，出現在圖片搜尋的結果裡。圖片 alt 文字撰寫這件事，做對一次就能長期累積下去，不必每次上傳新圖片，都重新想一套判斷邏輯。