Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
第三方内容图像不';是否有alt属性并满足WCAG2.0 A级javascript解决方案?_Javascript_Accessibility_Alt_Wcag2.0 - Fatal编程技术网

第三方内容图像不';是否有alt属性并满足WCAG2.0 A级javascript解决方案?

第三方内容图像不';是否有alt属性并满足WCAG2.0 A级javascript解决方案?,javascript,accessibility,alt,wcag2.0,Javascript,Accessibility,Alt,Wcag2.0,我们有一些第三方内容进入我们的网站之一,需要遵守WCAG 2.0 A级要求。 通过RSS提要输入的html没有为img标记提供正确的alt属性。我们希望使用javascript添加alt属性。虽然关闭javascript并不能使代码变得很好,但它要好得多 这根线 似乎暗示在WCAG2.0 A级中使用其他js方法不是问题。我假设在这个例子中一切正常。使用javascript不会影响WCAG合规性,除非您使用javascript的方式违反了WCAG准则。作为屏幕阅读器用户,虽然这在技术上符合指导原则

我们有一些第三方内容进入我们的网站之一,需要遵守WCAG 2.0 A级要求。 通过RSS提要输入的html没有为img标记提供正确的alt属性。我们希望使用javascript添加alt属性。虽然关闭javascript并不能使代码变得很好,但它要好得多

这根线
似乎暗示在WCAG2.0 A级中使用其他js方法不是问题。我假设在这个例子中一切正常。

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

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

你的假设是正确的,因为@Jared说JavaScript本身并没有破坏WCAG的合规性,除非以破坏可访问性的方式使用

我也是一个屏幕阅读器用户,讨厌它读取冗长而笨拙的文件名,而不是正确或空的alt文本

如果找不到识别合适的
alt
文本的方法,则应插入一个空的alt属性(
alt=”“
),以便屏幕读取不会聚焦/读取图像。就我个人而言,我注意到一些屏幕阅读器关注并读取空的
alt
,因此我使用了ARIA属性`ARIA hidden=“true”,这样浏览器就不会通过可访问性API发送图像

下面是一个jQuery示例,它检测没有
alt
属性的所有图像并插入一个空图像

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

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

我也是一个屏幕阅读器用户,讨厌它读取冗长而笨拙的文件名,而不是正确或空的alt文本

如果找不到识别合适的
alt
文本的方法,则应插入一个空的alt属性(
alt=”“
),以便屏幕读取不会聚焦/读取图像。就我个人而言,我注意到一些屏幕阅读器关注并读取空的
alt
,因此我使用了ARIA属性`ARIA hidden=“true”,这样浏览器就不会通过可访问性API发送图像

下面是一个jQuery示例,它检测没有
alt
属性的所有图像并插入一个空图像

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

你将如何通过编程确定合适的替代文本?你将如何通过编程确定合适的替代文本?来自源代码的证明@jared认真地说,这是一个很好的输入!我知道你只是在投你的两分钱,我仍然为你鼓掌。好极了!来自源头的证据@jared认真地说,这是一个很好的输入!我知道你只是在投你的两分钱,我仍然为你鼓掌。好极了!