Coopoo 寫:
coolcd 寫:
最後，問問大家，如果有一張圖片，內容是一隻恐龍咬著一塊肉，目露兇光地瞪著一旁的人們，你會怎麼寫 alt？為什麼？
- 恐龍咬著一塊肉，目露兇光地瞪著一旁的人們。
- 這張圖片中，恐龍咬著一塊肉，目露兇光地瞪著一旁的人們。
- http://www.xxx.yyy/zzz/dinosaur.jpg
如果只知道這些的話，大概只會寫咬著肉的恐龍吧。
重點在於圖片需要表達的意思是什麼。
講得很對！其實題目沒設計好，原本想讓正確答案是 1 的。
會問這個問題，是因為看到
WCAG 對於 equivalent 的定義，讓我驚覺，我對於 alt 的認知，原來是有點偏差的。
我知道 alt 是圖片的替代文字，但以前一直以為它只是在圖片無法出現時，用來提供簡單扼要的替代資訊，譬如，以上面為例，可能是「恐龍吃人的圖片」。但其實根據 WCAG 的建議，alt 應該提供 img、input、applet 的 text equivalent，所謂的 equivalent，並不是你高興提供什麼資訊，就提供什麼資訊，而是要提供「能夠替代母元素 (如：img、input、applet 等) 功能的資訊 」。
WCAG 對 equivalent 的定義 寫:
...
In the context of this document, the equivalent must fulfill essentially the same function for the person with a disability (at least insofar as is feasible, given the nature of the disability and the state of technology), as the primary content does for the person without any disability.
...
As part of fulfilling the same function of content an equivalent may involve a description of that content (i.e., what the content looks like or sounds like).
...
Text equivalents must be written so that they convey all essential content
...
所以，alt 的資訊必需是很精準的，也不盡然要很精簡 (但當然，盡量簡明扼要是我們的目標)。回到我之前出的恐龍題目，如果我想表達的是「恐龍吃人，並看著下一個獵物」，用「恐龍吃人的圖片」來描述這個 img 顯然就過於簡單了，但如用「恐龍咬著一塊肉，目露兇光地瞪著一旁的人們」就好得多，但如用「這張圖片出自
http://xxx.yyy/zzz/dinosaur.jpg ，描述的是一隻恐龍咬著一塊肉，目露兇光地瞪著一旁的人們」，像這樣，提供了過於詳細、非必要的資訊，也是要避免的，過與不及都不好。
最後，提醒一下， alt 並不是提供 text equivalent 唯一的方式，除了 alt 之外，也可用 longdesc，或在元素內，都可以，請自行評估使用什麼方式最合適。
Coopoo 寫:
另外 HTML 標準是說一定要 alt，不需要替代文字的也要用 alt=""。
沒有設定 alt 的情況，瀏覽器要參考 UAAG。
所以我還是覺得 MozTW 應該要幫文章內的圖片架上替代文字，像是檔案名稱或是 "圖片" 甚至是空白。
是的，能夠替文章內的圖片加上 alt 當然是比較好的，不過，我想大概要期待新的討論系統才有可能吧。XD
登入
註冊
問答集
搜尋
挑選‧儲存圖片
History Submenus Ⅱ
Personal Menu
Page Title in URL Bar
Double Click Top-Left to Close
