Question

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

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

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

我之前从未创建过可访问的网站，因此我没有使用此技术的经验。

Answer 1

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

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