給圖片寫Alt (替代文字) 只需要三秒
什麽是「替代文字」?
當電腦沒辦法顯示圖片,或者有人看不見圖片的時候,替代文字(Alt Text)就會出來幫忙。它能用最簡單的話,告訴別人這張圖片裏是什麼。
對於用螢幕朗讀器(screen reader)來「聼」網頁的人來説,替代文字很重要。螢幕朗讀器的工作是讀出螢幕上的字。如果你在發照片時附上了替代文字,朗讀器就能把圖片的內容唸給使用者聼;如果沒有寫,朗讀器就只會說「圖片」兩個字。
很多人誤以爲替代文字(下文簡稱Alt)要寫得很長、很詳細。 擔心自己寫不「好」。
不必想太多。瞎寫就好。 只寫一個關鍵字,也比完全不寫好得多。 是貓就寫「貓」。是截圖就寫「截圖」。 不寫Alt,但在帖子正文註明「圖中是XX」,也很有幫助。
讓我們看看下面三个例子。
您的網友1號
5分鐘前
天下事不得了也,官家又不修德。
您的網友2號
5分鐘前
天下事不得了也,官家又不修德。
您的網友3號
5分鐘前
天下事不得了也,官家又不修德。
第一個是最詭異的。根本不知道發生了什麼。
第二個雖然支離破碎,但我能猜是貓壓在鍵盤上了。
第三個大概能猜到是在鍵政,或者轉發一些網友破碎發言。我根據當天的心情來決定要不要花點力氣投截圖入本地OCR。1
好的,我知道,無障礙設計理念主張讓使用屏幕朗讀器的人獲得與健視人士(sighted individuals)一樣的瀏覽體驗。 但据我的「身邊統計學」,Fediverse上八成的圖片都沒有Alt文本,而且有朋友覺得「寫Alt文本是一個耗費腦力的苦差事、對不起各位了、我一個都不寫」。 這就是爲什麽這篇文章會被憋出來投擲在這裏。 寫Alt不是高標準的工作。 你只需指狗為「狗」、指飯為「飯」、指截圖為「截圖」,就能大幅提升網站的瀏覽體驗。
Fediverse Tips網站的 無障礙建議(非官方) 是這樣寫的:
Alt文本需要多詳細?
這取決於情境,但基本原則是寫下最重要、最需要注意的部分。不需要描述所有的細節。
不寫也「好」 #
有些圖片不寫Alt也不太影響理解帖文。比如:
帖文內容是「新年快樂」,附一張AI生成的新年賀圖。我粗暴地認為這種屬於裝飾,我不需要知道賀圖具體長什麼樣子。
帖文內容是「許願所有男主有某某這個顏值」,附一張圖片。 正文已經解釋過圖片的內容,不細寫我能猜。
工具推薦 #
在Fediverse平臺(例如Mastodon)上,如果沒有時間給圖片加Alt文,可以試試艾特機器人 @altbot@fuzzies.wtf ,它會提供一些Alt文字。有關隱私方面的擔憂請查看
它的Fedi主頁。2
或者給帖子添加 #Alt4Me的標簽,會有熱心網友前來爲你的圖片撰寫Alt。(這個方法目前主要適用於英文實例)
我用屏幕朗讀器主要是在刷Fediverse。每個用讀屏軟體的人需求都不太一樣。本文不構成專業的無障礙設計建議。
如果你想寫出更專業的Alt文本,點擊這裏查看最新的英文指南。
- 適用於Fediverse使用者的 無障礙科普與指南。
- W3C (2024-05-13). "一個Alt決策樹" (An alt Decision Tree).
- GSA (2025-01). "創作有意義的替代文本" (Authoring Meaningful Alternative Text).
大部分的Alt撰寫指南都建議:如果圖片裡最重要的信息是文字,那就把文字內容寫在Alt裡面,例如美國無障礙標準網站上的這個案例(英文)。不過我猜大家都像我一樣懶。而且我都有閑情逸致做OCR了,我爲什麽不直接貼文字到正文裏…… 但至少可以給點關鍵詞,例如「帖子」「聊天框」「新聞」「小紅書」「網友發言」。 ↩︎
中文Fedi曾經有類似的機器人賬號(@好好引用bot),它的工作方式引起不少爭議,現在它無了。 ↩︎