可以动态设置图像alt文本吗?

时间:2013-11-24 07:17:51

标签: javascript accessibility alt

我有一个关于使动态设置图像服从可访问性标准的问题。

从技术上讲,可以使用JavaScript设置图像alt文本。但是,当我“查看”完成此操作的页面的源代码时,alt文本不会显示为实际的图像属性。如果我使用JavaScript设置title属性,则工具提示有效,表明就浏览器而言,title属性已设置。

那么,屏幕阅读器或盲人会用来阅读页面的其他方法,请参阅JavaScript中设置的替代文字吗?

以下是一个例子:

<html>
    <script>
function set_image_properties(){
document.getElementById("image").src = "http://www.premiumbeat.com/blog/wp-content/uploads/2012/12/free.jpeg";
document.getElementById("image").alt = "free";
document.getElementById("image").title = "free";
}
    </script>
    <body onload="set_image_properties()">
        <img id="image"/>
    </body>
</html>

1 个答案:

答案 0 :(得分:4)

只要打开页面的设备启用了Javascript,用户就会看到效果。但是,例如,这对搜索引擎抓取工具不起作用。