2017-04-18 98 views
-1

在页面上我的书(只有名称和作者)的列表图像列表上,用自己封页。什么替代文字使用(书)

我应该对这些图片用什么ALT文本?

我看到一个大的荷兰网上商店拥有的产品形象在产品的名称;

我看到的所有项目在亚马逊的网页有很多的产品(所以它们都具有相同的替代文本)“产品细节”

我不知道会是很好的,当有人有一个屏幕阅读器。我应该把它做成空白的,以免被忽略?这听起来很懒散,但我不知道它会听的屏幕阅读器有什么好读30本书,然后在每本书说是“这是一个封面图像”或书名(它也读出,因为这就是本书段落的开始,所以那就读两次)

+0

多数决定对图像的最佳替代文本的情况下,依赖于上下文。你有一个屏幕截图或示例代码发布? – aardrian

+0

无非布局scetch;这是一个3列的表格,每列都有一个小册子的大拇指(约100像素高),旁边还有书的标题和书的作者。像这样的http://www.nybooks.com/ipl/,但用较少的文字。 – Michel

回答

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属性。说明标题/作者只是冗长而不加任何内容。现在,如果您的网站也将封面艺术作为卖点,那么我会为每张图片制作自定义替代文字。但我认为这不适合这里。

冗余替代文本是令人沮丧的大多数屏幕阅读器的用户。

+0

谢谢。这不是卖点。 – Michel

+0

我正确的看法是屏幕阅读器忽略空白Alt标签吗? – Michel

+0

是的。为了更精确一点(因为它对某些元素/属性很重要),具有空alt属性的''被屏幕阅读器忽略。或''。 – aardrian

1

如果图片符合definition of pure decoration per WCAG 2.0(正如他们可能从您的描述中得到的那样),则应该使用空白的alt属性(alt="")。请注意,您还必须确保没有title属性,或者它也是空的,以便图像被辅助技术忽略。请参阅WCAG technique H67以供参考。

+0

感谢您的补充 – Michel