寫作有效的圖像的 Alt 文本

事不了解網頁易讀性的人都知道的圖像需要分配給他們的另一種，或 ALT，文本。這是因為螢幕閱讀器不能理解的圖像，但而是大聲朗讀分配給他們的可選文字。在 Internet Explorer 中我們可以看到此 ALT 文本，僅僅通過圖像上移動滑鼠，看著黃色出現的工具提示。其他的流覽器 （正確地） 不要這樣。ALT 文本插入 HTML 是：

img src="filename.gif"alt ="這裡是另類的說明"

但肯定不能寫圖像的 ALT 文字的技能嗎？你只是流行說明在那裡和你的好，沒錯吧嗎？嗯，有點。當然，這不是火箭科學，但有幾個指導原則，您需要按照...

間隔圖像和遺漏的替換文本

間隔圖像應該始終指派 ALT 文本為空或 alt =""。這種方式大多數螢幕閱讀器會完全忽略圖像，甚至不會宣佈它的存在。間隔圖像是相當多數網站使用的不可見圖像。他們的目的是，正如其名稱所暗示的要在頁上創建空間。有時是不可能要創建視覺顯示您所需要的所以你可以把圖像中 （指定其高度和寬度） 和 volià），你有你需要額外的空間。

不是每個人的間隔圖像使用此空的 ALT 文本。一些網站堅持在 alt ="空白圖片"。想像一下如何令人討厭這可以為螢幕閱讀器的使用者，尤其是當你有他們的十個行中。螢幕閱讀器會說，"空白圖片，圖像"十倍在一行中 （螢幕閱讀器通常說的詞，"圖像"出它的 ALT 文本閱讀之前）-現在這並不是很有説明 ！

其它 web 開發人員只需保留出間隔圖像 （和也許其他圖像） 的 ALT 屬性。在此情況下，大多數螢幕閱讀器會讀出檔案名，這可能是 'newsite/images/onepixelspacer.gif'。螢幕閱讀器會宣佈此圖像作為"形象，newsite 斜杠圖像削減一個圖元間隔點 gif"。想像一下什麼這聽起來像如果有這些行中的十個 ！

專案符號和圖示

專案符號和圖示應該對待一樣為間隔圖像，所以應分配 null 的替代文本或 alt =""。想想一個專案清單與花式專案出發的每個專案符號。如果 ALT 文本，'子彈頭' 分配給每個圖像然後，專案符號圖像"將由螢幕閱讀器前每個清單項，使它接這位再工作清單中通過朗讀。

圖示，通常用來補充連結，也應指派 alt =""。很多網站，放置連結文本旁邊的圖示，用作圖示的 ALT 文本的連結文本。螢幕閱讀器會首次公佈此 ALT 文本，然後再連結文本，然後會說連結兩次，顯然不是必要的。

（理想情況下，專案符號和圖示應作為背景圖像通過 CSS 文檔打電話-這將完全刪除從 HTML 文檔，因此不需要任何 ALT 描述。）

裝飾圖片

裝飾的圖像太應分配 null 的替代文本或 alt =""。如果圖像是純淨的眼睛糖果則不需要螢幕閱讀器使用者即使知道它在那兒，得知它的存在只是添加了雜訊污染。

相反地，你可以說你網站上的圖像創建品牌標識和通過隱藏螢幕閱讀器使用者從您否認此使用者組相同的體驗。協助工具專家往往傾向于選擇了前者的參數，但肯定有種有效的情況下，對於後者太。

導航和嵌入在圖像中的文本

需要花式文本的導航功能表有沒有選擇，只能嵌入圖像中的文本。在這種情況，ALT 文本不應該用於在圖像上展開。在任何情況下應該 ALT 文本說，'閱讀所有相關我們神奇的服務，旨在説明您在您所做的一切'。如果功能表項目說，'服務' 然後 ALT 文本還應該說 '服務'。ALT 文本總是應該要描述圖像的內容，並應重複逐字的文本。如果要在導航上展開，如在此示例中，您可以使用標題屬性。

這同樣適用于其他任何嵌入在圖像中的文本。ALT 文本應該簡單地重複，逐字，文本包含在該圖像。

（除非使用的字體是尤其是唯一的往往是不必要嵌入圖像-高級導航中的文本和背景效果現在用 CSS 方面取得）。

公司徽標

網站往往在它們如何應用於徽標的 ALT 文本有所不同。有些人說，公司名稱、 其他人 '公司名稱標識' 和其他描述 '回到首頁' （通常返回到主頁的連結），圖像的功能。請記住，ALT 文本總是應該如此描述圖像的內容的第一個示例中，按住 alt ="公司名稱"，可能是最好的。如果該徽標是返回到主頁的連結，那麼這可以有效地傳達通過標題標籤。

結論

寫作有效 ALT 文本並不太難。如果它是一個裝飾圖像然後空的替代文本或按住 alt =""通常應該使用 — — 永遠不會，過省略的 ALT 屬性。如果圖像包含文本的 ALT 文本應簡單地重複此文本，逐字。請記住，ALT 文本應描述該圖像並沒有什麼更多的內容。

做也一定也要保持作為短和盡可能簡潔的 ALT 文本。螢幕閱讀器與 web 頁聽花費的時間很長比傳統的方法，所以不能用臃腫的和不必要的 ALT 文本螢幕閱讀器使用者帶來的痛苦經驗的衝浪。