在屏幕阅读器可以使用JavaScript或CSS阅读之前删除网站上的内容...？
在屏幕阅读器可以使用JavaScript或CSS阅读之前删除网站上的内容...？
提问于 2018-12-14 04:40:31
我负责这个网站- http://reader.ku.edu edit:我已经删除了附加菜单-我们是为盲人提供阅读服务的，所以我们需要这个网站真正适合屏幕阅读器。
该网站由一所大学托管，我们使用他们的Drupal模板，该模板包括页面顶部的大学范围的菜单(电子邮件、黑板等，以及一个非常大的目录菜单)。
我们需要从网站上删除菜单，这样屏幕阅读器就不会开始阅读它(这是一个非常大的菜单)。
我有CSS和Javascript权限，但没有PHP权限。
实现这一目标的最佳方法是什么？屏幕阅读器会用style="display:none"阅读一些东西吗？我认为这会比style="visibility:hidden"更好。这应该在CSS文档中输入，还是通过javascript执行？Ala $('.ku-menu').display.toggle();
谢谢!
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-12-14 05:01:48
要从DOM中完全删除菜单，可以执行以下操作：
纯JavaScript版本
document.getElementById("ku_main_nav").remove();jQuery版本
$("#ku_main_nav").remove();结果是，菜单不再可见，但更重要的是，它不再出现在DOM中：
在JS之前：
<div class="content clearfix" style="font-size: 14px !important; line-height: 16.8px !important;">
<ul class="inline-list" id="ku_main_nav" style="font-size: 14px !important; line-height: 28px !important;">
[...]
</ul>
</div>在JS之后：
<div class="content clearfix" style="font-size: 14px !important; line-height: 16.8px !important;">
</div>编辑：
新增jQuery版本
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53769735
复制相关文章
相似问题