我们正在运行一个网站并且有第 3 方跟踪像素,但是alt
在我们的网站上进行 webaim/WCAG 2.0 扫描时我们收到属性错误。
我不确定在这种情况下,跟踪像素是否实际上仍然需要具有空白alt
属性,或者某些屏幕阅读器是否仍会读取src
?
我们正在运行一个网站并且有第 3 方跟踪像素,但是alt
在我们的网站上进行 webaim/WCAG 2.0 扫描时我们收到属性错误。
我不确定在这种情况下,跟踪像素是否实际上仍然需要具有空白alt
属性,或者某些屏幕阅读器是否仍会读取src
?
alt=""
在这种情况下是最合适的方法 - 这告诉屏幕阅读器图像纯粹是装饰性的,应该被忽略。由于跟踪像素不会在视觉上传达信息,因此从这个角度来看,它们本质上是装饰性的。
如果不存在 ALT,则某些屏幕阅读器将回退到读取图像名称(不带扩展名),而这通常是您不希望的。
一些屏幕阅读器 (JAWS) 可能会忽略 1x1 或类似大小的小图像 - 但仍然最好放置alt=""
,因为这是最佳做法。
一些参考资料:
实际上,我有机会与 WCAG 2.0 规则和法规的一些作者会面。很棒的一群人。
当我问他们这个问题 re:pixels 时,他们的回答和上面的其他人一样 re:the alt=""
. 但是,他们表示,这样做的首选方法是执行以下操作:
改变role="presentation"
和
aria=hidden
这些是他们的“默认”建议,但他们表示,更新alt=""
也会增加保护,以帮助屏幕阅读器承认像素/URL 是严格的装饰性的,不能被屏幕阅读器阅读。