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

Question

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

谷歌的一位员工说这不是很好，alt图像上的标签对于屏幕阅读器来说应该很好。这背后有什么真实的事实吗？我是否应该改变我在网站上处理某些图像的方式？

score 5 · Accepted Answer

带有 alt 属性的图像。

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

score 1 · Accepted Answer

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

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

2 回答 2