10

我们正在运行一个网站并且有第 3 方跟踪像素,但是alt在我们的网站上进行 webaim/WCAG 2.0 扫描时我们收到属性错误。

我不确定在这种情况下,跟踪像素是否实际上仍然需要具有空白alt属性,或者某些屏幕阅读器是否仍会读取src

4

2 回答 2

15

alt=""在这种情况下是最合适的方法 - 这告诉屏幕阅读器图像纯粹是装饰性的,应该被忽略。由于跟踪像素不会在视觉上传达信息,因此从这个角度来看,它们本质上是装饰性的。

如果不存在 ALT,则某些屏幕阅读器将回退到读取图像名称(不带扩展名),而这通常是您不希望的。

一些屏幕阅读器 (JAWS) 可能会忽略 1x1 或类似大小的小图像 - 但仍然最好放置alt="",因为这是最佳做法。

一些参考资料:

于 2016-11-03T21:47:27.763 回答
5

实际上,我有机会与 WCAG 2.0 规则和法规的一些作者会面。很棒的一群人。
当我问他们这个问题 re:pixels 时,他们的回答和上面的其他人一样 re:the alt="". 但是,他们表示,这样做的首选方法是执行以下操作:

改变role="presentation"

aria=hidden

这些是他们的“默认”建议,但他们表示,更新alt=""也会增加保护,以帮助屏幕阅读器承认像素/URL 是严格的装饰性的,不能被屏幕阅读器阅读。

于 2017-03-31T17:23:56.170 回答