Question

如果我在header中有一个只包含图片的链接（锚点），就像这样：

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

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

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

Answer 1

周围链接的标题不会覆盖图像上的alts。两者都将通过屏幕阅读器软件公布，除非用户选择在设置中禁止标题（如果你曾经听过Wordpress网站，你会明白有多少可能令人讨厌）。
最佳做法是省略标题，并依赖alt作为未查看或未加载图像的情况的链接内容。您可以在此处查看示例：http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140408/H30，用于2.4.4链接目的（在上下文中）。
视觉隐藏文字可以与渐进增强功能配合使用。它不应该用作设计不佳的小部件的全部内容，但它可以帮助为没有视力的用户提供上下文。当没有图形而只有颜色时，我会更多地使用它来指示菜单中的当前页面。

Answer 2

你拥有它的方式没有什么是不可能的。您提供了链接和图像的说明。至于在哪里，链接描述应该放在title中，而图像描述应该放在alt中。 title不是常见或必要的，但alt对搜索引擎优化和辅助功能（屏幕阅读器以及图像无法加载）都很重要。