cleardot.gif第508节的问题

Question

我有一个应用程序，我们想要获得Section 508证书。 我们有一些谷歌员工在那里包含这个标签

<img src="https://www.google.com/images/cleardot.gif" width="1" height="1">

并且审核员说要为你的img元素添加alt属性。

我该如何解决？

Answer 1

它看起来像一个间隔图像，所以理想情况下：用CSS边距或填充替换它。

如果失败，请添加一个明确表示它等同于无内容的alt属性：

alt=""

有关选择优质替代文字（以及标记为 a的部分）＆＃34;针对此特定情况的页面装饰＆＃34; 的详细信息，请参阅Alan Flavell's writings on the subject。

Answer 2

如果它真的是间隔符，那么屏幕阅读器用户不需要了解它，您可以使用role='presentation'

<img role="presentation" src="https://www.google.com/images/cleardot.gif" width="1" height="1">

但如果你正在寻找一种CSS方法来修复它，那么这可能与之前的解决方案有同样的问题。

Answer 3

它是"web bug" (or "tracking beacon")，您可以使用attribute selector隐藏图片（也可以隐藏屏幕阅读器）：

img[src="https://www.google.com/images/cleardot.gif"] {
  display: none;
}

但这可能违反了谷歌使用该服务的条款。