我负责这个网站- http://reader.ku.edu edit:我已经删除了附加菜单-我们是为盲人提供阅读服务的,所以我们需要这个网站真正适合屏幕阅读器。
该网站由一所大学托管,我们使用他们的Drupal模板,该模板包括页面顶部的大学范围的菜单(电子邮件、黑板等,以及一个非常大的目录菜单)。
我们需要从网站上删除菜单,这样屏幕阅读器就不会开始阅读它(这是一个非常大的菜单)。
我有CSS和Javascript权限,但没有PHP权限。
实现这一目标的最佳方法是什么?屏幕阅读器会用style="display:none"
阅读一些东西吗?我认为这会比style="visibility:hidden"
更好。这应该在CSS文档中输入,还是通过javascript执行?Ala $('.ku-menu').display.toggle();
谢谢!
发布于 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版本
https://stackoverflow.com/questions/53769735
复制相似问题