給圖片寫 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),它的工作方式引起不少爭議,現在它無了。 ↩︎