給圖片寫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文本,點擊這裏查看最新的英文指南。

  1. 大部分的Alt撰寫指南都建議:如果圖片裡最重要的信息是文字,那就把文字內容寫在Alt裡面,例如美國無障礙標準網站上的這個案例(英文)。不過我猜大家都像我一樣懶。而且我都有閑情逸致做OCR了,我爲什麽不直接貼文字到正文裏…… 但至少可以給點關鍵詞,例如「帖子」「聊天框」「新聞」「小紅書」「網友發言」。 ↩︎

  2. 中文Fedi曾經有類似的機器人賬號(@好好引用bot),它的工作方式引起不少爭議,現在它無了。 ↩︎

?隨機抽選一篇