2

We have some 3rd party content coming into one of our websites that need to adhere to WCAG 2.0 Level A requirements. The html coming in through the RSS feed doesn't provide proper alt attributes to the img tags. We were hoping to add the alt attributes using javascript. Although that doesn't make the code great if javascript is turned off, it is a lot better.

This thread WCAG 2.0 level A and AJAX generated content seems to imply that using other js methods with WCAG 2.0 Level A aren't a problem. I assume it would then be alright in this example.

4

2 回答 2

3

除非您以违反 WCAG 准则的方式使用 javascript，否则使用 javascript 不会影响 WCAG 合规性。作为屏幕阅读器用户，虽然这在技术上符合指南，但您将如何确保 alt 标签具有实际意义？我宁愿没有 alt 标签，也不愿有误导性的标签。

于 2014-02-11T18:11:07.280 回答
1

您的假设是正确的，正如@Jared 所说，JavaScript 本身并没有破坏 WCAG 合规性，除非以破坏可访问性的方式使用。

我也是一个屏幕阅读器用户，并且讨厌它读取冗长的尴尬文件名而不是正确或空的替代文本。

如果您找不到识别合适alt文本的方法，您应该插入一个空的 alt 属性 ( alt="")，以便屏幕阅读不会聚焦/读取图像。就我个人而言，我注意到一些屏幕阅读alt器无论如何都会聚焦并阅读空白，所以我使用 ARIA 属性 `aria-hidden="true" 以便浏览器不会通过 Accessibility API 发送图像。

这是一个 jQuery 示例，它检测所有没有alt属性的图像并插入一个空图像。

$('img:not([alt])').each(function() {
  $(this).attr('alt', '');
  $(this).attr('aria-hidden', 'true');
});
于 2014-02-12T17:38:18.113 回答