我知道如何使隐形元素键盘可以通过屏幕阅读器进行聚焦和阅读，但是为了学生主导的调查目的 - 我希望某些元素对于屏幕阅读器/键盘焦点是不可见的，以减少分散注意力，但是让导师可以看到它们使用鼠标。
我尝试过使用iframe，但是键盘仍然可以“标记”到它们中。我正在考虑一个可以控制父窗口的弹出窗口？ - 但是可能会遇到阻挡者等问题。
非常感谢！麦克
答案 0 :(得分：0)
屏幕阅读器忽略内容的最简单方法之一是将其放入图像中，然后将图像上的alt文本设置为HTML中的“”。这将导致屏幕阅读器跳过此内容，因为它无法解释它。这也将消除任何标签或键盘焦点，因为Web浏览器会像对待页面中的任何其他图像一样对待它。
另一种方法是执行此操作，稍微复杂一点，就是检测您的页面是否被拉入屏幕阅读浏览器并设置您不希望读者读取的内容的CSS属性。以下：
visibility: hidden; display:none;
屏幕阅读器将忽略任何不可见和/或不显示的内容，因此不会向用户读取。这也是一个更清洁，因为你没有破坏页面的SEO排名，只是修改显示给不需要看/听的用户的内容。
答案 1 :(得分：0)
阻止屏幕阅读器查看元素的一种好方法是应用aria-hidden =“true”属性;浏览器可以很好地支持这一点，并会提示JAWS和其他屏幕阅读器跳过内容。你也可以使用role =“presentation” - 这里有一篇很好的文章：http://john.foliot.ca/aria-hidden/
应用tabindex = -1只会允许元素通过脚本而不是键盘输入来关注，所以这也会起作用。另外，虽然我不推荐它，但我发现在将头发撕成别人的脚本时，如果你没有为链接元素定义'href'属性，（使其无效），这也会阻止焦点。