我们正在运行一个网站,并有第三方跟踪像素,但我们在做webaim/WCAG 2.0扫描我们的网站时收到alt
属性错误。
我不确定是否在这种情况下,跟踪像素实际上仍然需要有一个空白的alt
属性,或者一些屏幕阅读器仍然读取src
?
alt=""
在这种情况下是最合适的方法—这告诉屏幕阅读器图像纯粹是装饰性的,应该忽略。由于跟踪像素不能在视觉上传达信息,从这个角度来看,它们本质上是装饰性的。
如果没有ALT,一些屏幕阅读器会退回到读取图像名称(没有扩展名),这通常是您不希望看到的。
一些屏幕阅读器(JAWS)可能会忽略1x1或类似大小的小图像-但仍然最好放置alt=""
,因为这是最佳实践。
参考:
- 网页,替代文字,装饰图片
- WAI装饰图片教程
- 对于AT应该忽略的图像,在img元素上使用null alt文本和没有title属性
我实际上有机会会见了一些WCAG 2.0规则和条例的作者。伟大的一群人。
当我问他们"像素"这个问题时,他们的回答和上面其他人一样:"alt=""
"。然而,他们表示,这样做的首选方法是这样做:
change role="presentation"
和aria=hidden
这些是他们的"默认"建议,然而他们表示,更新alt=""
也将增加保护,以帮助屏幕阅读器承认像素/URL是严格装饰性的,而不是被屏幕阅读器读取。