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

Question

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

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

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

我以前从未创建过可访问的网站，所以我对这项技术没有经验。

Answer 1

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

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