如何防止屏幕 reader 从 IE 中的 img 标签读取 src 属性

How to prevent screen reader from reading src attribute from img tag in IE

我在 IE9 或更低版本的屏幕 readers 上遇到了一个非常直接的问题。当屏幕 reader 查看具有 src 属性的图像标签时,它会读取 src 的内容。即使存在 alt 属性,它也会读取 src.

中的内容

完全清楚:这只发生在 IE 9 或以下版本

这是我的代码的一个非常简单的示例:

<img src="http://placehold.it/100x100" alt="some image"/>

我不明白为什么会这样。任何关于如何解决这个问题的帮助,或者没有解决方案 plus proof 的事实,我们将不胜感激。

我认为您应该尝试使用 'title' 属性。很多时候,'title' 是用来让读者得到描述的。

<img src=".." alt=".." title="some image" />

希望对您有所帮助!

我认为你遇到了新版本 NVDA 和旧版本 IE 的错误。

使用 Firefox(最新)和 NVDA 或 IE9 时代的 JAW 版本(我认为可以使用第 12 版)尝试代码,我相信您会得到替代文本。

在证明方面,官方文档是WAI ARIA角色“Text alternative computation", which then refers to the HTML4 "How to specify alternative text”。

基本上,替代文本是应该使用的内容,您在屏幕阅读器和浏览器的组合中遇到了一个错误,它们不太可能一起使用。 (NVDA 在 Firefox 上效果最好,你可以在 IE9 上使用 Jaws。)