第三方內容圖片不具備alt屬性並符合WCAG 2.0級別A - javascript解決方案？

我們有一些第三方內容進入我們的網站之一，需要遵守WCAG 2.0 A級要求。通過RSS feed傳入的html不會爲img標籤提供正確的alt屬性。我們希望使用javascript添加alt屬性。儘管如果JavaScript關閉，這並不會使代碼變得更好，但它會更好。第三方內容圖片不具備alt屬性並符合WCAG 2.0級別A - javascript解決方案？

此線程 WCAG 2.0 level A and AJAX generated content 似乎暗示使用其他js方法與WCAG 2.0級別A不是問題。我認爲在這個例子中它會沒事的。

來源

2014-02-11 mejsullivan

你打算以編程方式確定合適的替代文本？ – Quentin

使用javascript不會影響WCAG合規性，除非您以打破WCAG指南的方式使用JavaScript。作爲一個屏幕閱讀器的用戶，雖然這將在技術上符合指導原則，您將如何確保alt標籤具有實際意義？我寧願沒有ALT標籤，而不是誤導性標籤。

來源

2014-02-11 18:11:07 Jared

證明來源！ @jared認真的投入！我知道你只是拋出你的兩分錢，我仍然爲你鼓掌。好樣的！ – albert

你的假設是正確的，因爲@Jared表示JavaScript本身不打破WCAG合規性，除非以破壞可訪問性的方式使用。

我也是一個屏幕閱讀器的用戶，當它讀取長而笨拙的文件名而不是正確的或空白的替代文本時，討厭。

如果您找不到方法來識別合適的alt文本，則應該插入一個空的alt屬性（alt=""），以便screenreades不會聚焦/讀取圖像。就我個人而言，我注意到有些屏幕閱讀器專注於閱讀空alt，所以我使用ARIA屬性`aria-hidden =「true」，以便瀏覽器不會通過Accessibility API發送圖像。

這是一個jQuery示例，用於檢測沒有alt屬性的所有圖像並插入一個空的圖像。

$('img:not([alt])').each(function() { 
    $(this).attr('alt', ''); 
    $(this).attr('aria-hidden', 'true'); 
});

來源

2014-02-12 17:38:18

第三方內容圖片不具備alt屬性並符合WCAG 2.0級別A - javascript解決方案？

回答

相關問題