我有一个关于使动态设置图像服从可访问性标准的问题。
从技术上讲,可以使用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>
答案 0 :(得分:4)
只要打开页面的设备启用了Javascript,用户就会看到效果。但是,例如,这对搜索引擎抓取工具不起作用。