仅包含图像的锚点是否可访问？

Question

如果我只有一个header包含图像的链接(锚),就像这样:

<a href="index.html" title="Home">
  <img src="http://placehold.it/200x50" alt="Site Name">
</a>

这可以访问吗？该alt属性似乎被覆盖title的属性.我知道这title通常不是必需的,但是因为没有描述除alt文本之外的链接(因为图像在这种情况下是一个站点徽标而只有站点名称),所以title应该说该链接回到了家.我无法添加任何文本,因为我不想用CSS隐藏它; 这不符合渐进增强.

在这种情况下链接描述应该放在哪里？Alt还是title？什么是最佳做法？

Answer 1

1. 周围链接的标题不会覆盖图像上的alts.两者都将由屏幕阅读器软件公布,除非用户选择在设置中禁止标题(如果您曾经听过Wordpress网站,您将会理解有多少令人烦恼).

2. 最佳做法是省略标题并依赖alt作为未看到或未加载图像的情况的链接内容.您可以在此处查看示例:http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140408/H30 2.4.4链接目的(在上下文中)的技术.

3. 视觉隐藏文本可以与渐进增强一起使用.它不应该用作设计不佳的小部件的全部内容,但它可以帮助为没有视力的用户提供上下文.当没有图形而只有颜色时,我会更多地使用它来指示菜单中的当前页面.