跟踪像素需要有所有属性的可访问性(WCAG 2.0)



我们正在运行一个网站,并有第三方跟踪像素,但我们在做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是严格装饰性的,而不是被屏幕阅读器读取。

最新更新