更容易访问的是 text-indent: -9999px 还是仅使用带有 alt 标签的 img？

Question

我注意到最近出现了很多关于可访问性和 SEO 最佳实践的文章，质疑旧 CSS text-indent: -9999px 技巧的使用，我很好奇这里的最佳实践是什么。

Google 的一位员工表示，图像上的 it's not great 和 alt 标记对于屏幕阅读器来说应该很好。这背后有什么真正的真相吗？我是否应该改变我在网站上处理某些图片的方式？

Answer 1

带有 alt 属性的图片。

文本缩进技巧对于屏幕阅读器用户来说非常好，但对于刚刚关闭图像（或由于网络错误而无法加载图像（尝试在移动的火车上使用 3G 这样有趣））。

Answer 2

我想说alt 属性更易于访问，除非文本缩进的元素是带有徽标作为背景的标题元素（H1、H2 等）。

在这种情况下，我认为文档结构是最重要的，使用正确的标题文本很重要。这样，即使在使用 1.0 版查看页面时，文档结构也会保持不变 :-)