在图像列表中使用的Alt文本（书籍）

Question

在一个页面上，我有一个书籍清单（只有名称和作者）及其封面。

我应该在这些图片上使用哪些替代文字？

我见过一家大型荷兰在线网上商店，产品图片中有该产品的名称;

我在亚马逊上的一个页面上看到了所有项目的“产品详细信息”，其中包含大量产品（因此它们都具有相同的替代文字）

我想知道当有人有屏幕阅读器时会有什么好处。我应该把它变成空白，以免被忽略吗？这听起来很懒，但我不知道听屏幕阅读器阅读30本书后会有什么好处，然后在每本书上都说'这是封面图片'或书的标题（它也读出来因为它是书籍段落的开头，所以它会被阅读两次）

Answer 1

给定的布局可能如下所示：

+-----------------+
|                 |  Night Circus
|                 |  Erin Morgenstern
|                 |
|                 |  ISBN
|                 |  A story of something or other, though
|                 |  I cannot be sure as the book is too
|                 |  far away to see clearly.
|                 |
|                 |
|                 |
+-----------------+

我会使用空白alt属性。说明标题/作者只是冗长而且没有任何补充。现在，如果您的网站也将封面艺术作为卖点，那么我会为每个图像制作自定义替代文字。但我认为这不适合这里。

对于大多数屏幕阅读器用户而言，冗余替代文本令人沮丧。

Answer 2

如果图片符合definition of pure decoration per WCAG 2.0，可能与您的描述相符，那么空的alt属性是合适的（alt=""）。请注意，您还必须确保没有title属性或者它也是空的，以便辅助技术忽略图像。请参阅WCAG technique H67以供参考。