爲所有圖像添加aria-hidden true

Question

如果我爲我的網站上的所有圖像添加aria-hidden="true"，那麼我不必爲這些圖像添加替代文字，因爲它基本上不會顯示在屏幕閱讀器中或者驗證如何處理這種情況？是否建議做？

Answer 1

如果您使用的是CMS並且圖像是裝飾性的，您需要能夠輸出空白alt屬性，例如<img src="<imagesource>" alt="" />。

如果你手動編碼頁面，並可以通過CSS添加裝飾圖像，這是另一種方法。

WCAG 1.1.1說非文本內容必須有文本替代。該文本替代方案必須具有相同的目的。其中一個例外是裝飾圖像，用於格式化的圖像或每個人都看不到的圖像（例如跟蹤gif）。這些必須「以輔助技術可以忽略的方式實施」。接受的方法是具有空值alt屬性，因爲將會讀出缺少的alt屬性。

理論上aria-hidden=true可以工作，但這需要技術來理解詠歎調。空（空白）alt屬性的建立時間更長，並且會被更多輔助技術所接受，因此這是在頁面上有一個不被屏幕閱讀器讀取的img元素的適當方式。

Answer 2

如果你不希望添加替代文本到影像（因爲它們是純粹的裝飾和內容可能沒有他們理解），你可以離開alt參數爲空。

有沒有必要添加aria-hidden屬性。

最好的辦法是將CSS用於裝飾圖像。