Question

由于我们优化了WCAG 2.0的HTML标记，因此我们在Google搜索结果中包含了很多（有时是丑陋的）图片描述，包括我们的Google网站搜索。有没有人知道如何从结果描述中隐藏它们？

示例：

<h1>fiscal authority</h1> <img src="..." alt="The image shows the entrance of the fiscal authority" /> <p> The fiscal authority is... </p>

搜索结果：

Fiscal authority
----------------
The Image shows the entrance of the fiscal authority The fiscal authority is...

我们不能......

...将图片移到内容之外
...提供空的alt=""属性
...使用javascript在渲染后插入图像或替代文字
有关详细信息，请参阅http://www.w3.org/TR/WCAG20-TECHS/H37.html

使用屏幕阅读器的访问者应该获取替代文字。我相信这应该是WCAG的常见问题，我想听听其他开发人员如何解决这个问题？

Answer 1

WCAG Technique H67明确指出：

此技术的目的是展示如何标记图像，以便辅助技术可以忽略它们。

如果没有使用title属性，并且alt文本设置为null（即alt =“”），则表示辅助技术可以安全地忽略该图像。

鉴于BITV非常明确地遵循WCAG标准，那么纯粹装饰性图像（如门口）的空alt标签就完全可以了。 重要的是要认识到WCAG是一套高度主观的建议和技巧。许多测试都是不可自动化的，所以如果你能够恰当地论证合规性，那就足够了。

请考虑以下事项：

<h1>fiscal authority</h1>
<img src="doorway.bmp" alt="" />
<p>
   The fiscal authority is an institute for authorising fiduciary claims.
</p>

这里门口的存在纯粹是一种装饰。

与之对比：

<h1>Doorway</h1>
<img src="doorway.bmp" alt="A Victorian-style doorway with beveled edging." />
<p>
   A doorway is a hole cut in a wall to allow passage between rooms.
</p>

这是一个门口图像，可以为文本添加上下文（尽管图像可能放置得更好）。

WCAG兼容删除谷歌搜索中的图像替代文字

1 个答案: