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

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. 周围链接的标题不会覆盖图像上的 alt。除非用户选择在设置中隐藏标题（如果您曾经听过 Wordpress 网站，您就会明白太多可能令人讨厌），否则两者都将由屏幕阅读器软件宣布。

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

3. 视觉隐藏的文本可以很好地与渐进增强配合使用。它不应该被用作设计不佳的小部件的包罗万象，但它可以帮助为无视力的用户提供上下文。当没有图形而只有颜色时，我更多地使用它来指示菜单中的当前页面。

Answer 2

您拥有它的方式没有什么不可访问的。您提供了链接和图像的描述。至于去哪里，链接描述应该放在title，而图像描述应该放在alt。 titles 并不常见或没有必要，但 alts 对于 SEO 和可访问性（屏幕阅读器和图片无法加载）都很重要。