html - 使用绝对定位定位在视口(viewport)之外的内容是否仍可供屏幕阅读器访问？

Question

我将以下 CSS 应用于某些文本:

.accessible {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

这会将文本移出视口(viewport)。我读到屏幕阅读器仍然可以访问该文本。但是，我尝试使用 NVDA 阅读网页，但它需要我将鼠标悬停在我想让它阅读的内容上。显然，我无法将鼠标悬停在绝对定位的文本上，所以它没有读取它。其他屏幕阅读器也会出现这种情况吗？我没有正确使用它吗？

我以前从未创建过无障碍网站，所以我对这项技术没有经验。

Answer 1

是的，辅助技术(屏幕阅读器、可刷新的盲文设备等)仍然可以使用文本。对于看不到屏幕的人来说，是否有东西在视口(viewport)中并不重要。对于严重低视力或无视力，一切都在视口(viewport)之外。

屏幕阅读器用户可以使用“虚拟 PC 光标”浏览整个 DOM。 DOM 表示为一棵树，非常类似于在浏览器中打开代码检查器。嵌套元素就像可以展开/折叠的树节点，除了屏幕阅读器，整个 DOM 树都是展开的。您使用向上/向下箭头键遍历树。这允许屏幕阅读器用户访问页面上的每一段文本，无论您是否可以通过 TAB 键切换到它。