WebAIM  - 无障碍记

更多关于无意义的链接标签

罗杰·约翰逊对“一个优秀的博客文章点击这里等无意义的链接短语“。屏幕阅读器用户经常(并且经常在回家的网页,网站地图和链接索引)打开所有网页上的链接的列表。链接标签(在之间的一切)被读取为每个链接。因此,链接标签必须合理断章取义。这是比较容易的文本,但稍有难度,当链接包含的图像。

每当图像是一个链接内的唯一内容,即图像必须具有功能性的替代文本。当屏幕阅读器访问这样的链接,它将标识链路的存在,然后读取该图像的替代文本。但是,如果图像丢失的替代文本或者替代文本为空(ALT =””),则屏幕阅读器没有任何内容传达该链接。在这种情况下大多数屏幕阅读器将读取的链接,这往往并不是在所有非常有帮助的URL。

正如我提到的替代文字文章,对于图像的替代文本应传达内容功能的形象。定义功能可以说是相当困难的。下面是一些提示:

  • 通常,您不需要的话“链接”的替代文本,因为屏幕阅读器将识别图像作为一个链接中。应当显而易见的视觉图像是可点击的链接。
  • 通常情况下,图像的单独的内容不会足够了链接的图像。你经常需要以说明这个链接会将用户。举例来说,如果我提供我女儿的照片链接到她的网上照片库,“我的女儿”的替代文字可能是不够的。“我女儿的照片库”将同时提供内容和功能。
  • 不要在描述功能太过火。简洁,但充分地描述的内容和功能。在这些情况说明文字经常被用来提供额外的信息和指令。在大多数情况下,你需要提供比与图像视觉上没有提供更多的内容。
  • 您通常不希望包括您所链接到的图像替代文本页面的URL。屏幕阅读器用户可以有,如果他们选择和弱视的用户可以查看在大多数浏览器状态栏相同的信息标识的URL。
  • 请记住,如果文本也链接中包含的,该图像的替代文本可以是文本。有没有必要提供文本的两倍。这方面的一个例子是的左侧菜单中的RSS图像我们的网站。由于内容和功能在文中提供的alt属性是空的。

因此,下一次你让包含图像的链接,确保其具有适当的替代文本呈现的图像内容和链接的功能。

评论

  1. 马格·莱希

    想知道关于使用上的标签标题标签,在案件的一个标签包含一个图像,并没有文字(假设图像有ALT例如“我女儿的照片库”)。

    具有标题意味着人们谁悬停在一个上例如布劳尔火狐,可以得到额外的信息早就是在图像内容不完全convery链接目的地的情况下particurlarly有用。

    有没有关于何时使用和不使用标题和标题应该是什么例如意见在这种情况下,相同的图像上的Alt?

    试图找出什么是好的标记,什么是太多了,用来迷惑用户。谢谢。

  2. ToRRik

    或者,例如这个标题:所有你想知道的东西{}