屏幕閱讀器與alt attrib非破壞性空間

Question

我使用CMS的圖像，默認情況下不會生成圖像標記中的alt屬性，除非提供alt文本。

我可以提供一個空的空間「」到ALT標籤生產：

<img src="../.." alt=" "/> 

這跟屏幕閱讀器和網頁易讀性的問題嗎？

Answer 1

如果您未使用替代文本，則可以不使用alt屬性。它不會驗證，但它不會改變一件事，它的工作原理將完全相同。你只是喜歡驗證者。

使用空間不應該帶來任何問題。

Answer 2

唯一的問題是客戶想要的網站，說明它是符合XHTML - 所以我們需要的頁面，以驗證:(

Answer 3

有一些HTML作者可以對自己的形象寫的ALT文本三種方式：

1. 隨着
2. 沒有給出ALT屬性隨着ALT屬性不包含任何可讀字符
3. 藉助可讀取的ALT屬性

這些處理方式不同。

在缺少alt屬性，像這樣的圖像的情況下：

<img src="fruit.png" width="100" height="100" /> 

...默認的屏幕閱讀器的行爲是讀取SRC屬性出聲。所以，假設這個圖像位於example.com的images文件夾中，屏幕閱讀器會說：Graphic: h ttp://www.example.com/images/fruit.png。忽略ALT屬性是不好的做法，因爲盲人不得不通過無關緊要的胡言亂語。

在具有不包含任何可讀取的信息，像這兩種的ALT屬性的圖像的情況下：

<img src="fruit.png" width="100" height="100" alt="" /> 
<img src="fruit.png" width="100" height="100" alt=" " /> 

...的默認行爲是靜默越過該圖像。屏幕閱讀器不能讀出空格或空字符串;所以它什麼也沒說。這是禁止宣傳純裝飾圖像的正確方法。但請注意，最近的WebAIM屏幕閱讀器使用情況調查發現most blind users want to know an image is there even if it doesn't convey much to them。因此，在用空白替代文本壓制圖像時要謹慎。只有在圖像傳達零信息時才使用它。

最後，當然是有規律的替代文本：

<img src="fruit.png" width="100" height="100" alt="Photo of apples." /> 

在這種情況下，屏幕閱讀器會說「圖文：蘋果的照片」放置一段時間會使屏幕閱讀器在ALT文本末尾暫停。

選擇好的ALT文本很重要，而且可能很難。一般來說，如果您的圖片包含文字圖片，則應該在您的ALT文本中複製該文字（或其合適的縮寫）。如果是說明文字或照片，您的ALT文字應該是照片內容的簡要說明。如果是像圖中的複雜的圖像，那麼，你可能需要在頁面的其他地方使用的ALT文字將用戶引導到一個更完整的說明。 （該LONGDESC屬性是爲此而設計的，但沒有被廣泛屏幕閱讀器的支持。）

如果你的形象也是一個鏈接，這是絕對重要的有理智的ALT文字;否則你的盲人不會有任何想法鏈接。

我建議得到屏幕閱讀器（如NVDA，這是開源），並用它測試。這可以 - 這個糟糕的雙關 - 讓人大開眼界。