javascript - 可以动态设置图像替代文本吗?

标签 javascript accessibility alt

我有一个关于使动态设置的图像遵守辅助​​功能标准的问题。

从技术上讲,可以使用 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>

最佳答案

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

关于javascript - 可以动态设置图像替代文本吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20172127/

相关文章:

html - 是否有标准方法为 HTML5 广告/动画的屏幕阅读器提供 alt =""文本?

html - 如何使 anchor 标记内的图像可访问?

javascript - PHP数据动态到Html表

HTML:是否可以提供备用文档标题?

colors - 色盲模拟器

accessibility - 隐藏在蜜 jar 领域的咏叹调

javascript - 如何根据包含特定词的属性选择元素

javascript - js 文件中的 __construct 问题

javascript - OnClick 操作不会立即起作用,但仅适用于第一次加载。包括现场示例。

javascript - 如何评估数组中每个项目包含 settimeout 的函数 (Javascript)