alt的準確含義是，當照片不存在或者load錯誤時的提示。但同時img也同時支持alt和title，再有某些瀏覽器的錯誤解析，因此經常被誤導并誤用。最簡單、準確的理解，在看不到圖片的情況下如何用文字傳達給用戶？

比如下圖flickr的訂閱圖標通過alt告知用戶Add to My Yahoo!，個人認為這里使用title進行操作指引更合適，alt屬性應該進行描述。并且此時只有在IE6和IE7中才可見tip，其他任何智商稍微正常的瀏覽器都看不到，更糟糕的是IE8仍舊沒有改善。

某些圖片帶鏈接，也就是img外層有a的情況下，并沒有注意傳達需求上的差異，把img標簽的alt與a標簽的title都應用同樣的說明。但實際上它們本質不同，如下圖flickr提供給用戶的外鏈代碼，可惜與上個例子有同樣問題，在IE環境下看不到a標簽的tip。

問題也不是沒辦法解決，如下圖Wordpress2.7上傳圖片插入編輯器自動生成的代碼，把img標簽的alt和title都寫了出來，可以保證在各種瀏覽器中的兼容性。

再來看看flickr.com頂部logo的代碼，直接使用alt寫入Flickr logo. If you click it, you’ll go home。如果按照剛才探討的結論調整還有更優答案，參考下圖第二個例子。也就是說，圖片在有鏈接的情況下，alt傳達內容是什么？title傳達鏈接到哪里？

分別測試IE7, FF3, Chrome1, Safari4四個瀏覽器，可證明其良好通用性。依次如圖：

結合title來更好的說明alt用法，可見如果結構、表現分離徹底，輔助修飾等圖片根本不需要img插入，也就避免了很多alt的錯誤應用場合。Junchen在05年譯的alt屬性和title屬性中有更多規范和細則，alt相較title而言用途單一，但給img插入使用alt替換文字時，也應該注意：

簡潔
清晰
符合語境

? 一葉千鳥（轉載請留原文鏈接，更新于2009年04月03日17點）

原文：http://blog.rexsong.com/?p=6024