可以动态设置图像替代文本吗？答案

【问题标题】：Can image alt text be set dynamically?可以动态设置图像替代文本吗？
【发布时间】：2013-11-24 07:17:50
【问题描述】：

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

从技术上讲，可以使用 JavaScript 设置图像替代文本。但是，当我“查看执行此操作的页面的源代码”时，替代文本不会显示为实际的图像属性。如果我使用 JavaScript 设置标题属性，工具提示会起作用，表明就浏览器而言，标题属性已设置。

那么，屏幕阅读器或盲人用来阅读页面的其他方法会看到在 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>

【问题讨论】：

开发者工具需要刷新，关闭再打开开发者工具可以看到alt

标签： javascript accessibility alt

【解决方案1】：

只要打开您页面的设备启用了Javascript，用户就会看到效果。但是，这不适用于例如搜索引擎爬虫。

【讨论】：