有没有办法显示/隐藏没有CSS的元素？

Question

我正在制作一个符合Web UI 508的要求,其中一个要求是"禁用CSS时使用Web UI".我们有几个地方使用style=display:inline和显示/隐藏元素,style=display:none并使用JS函数调用相应地调用它们.当我禁用CSS(使用WAT2.0)时,隐藏的元素也会显示,这不会使用户界面很好.我们在几个地方都有这些东西,比如折叠/扩展描述,鼠标移动弹出等等,

除了使用样式标签之外,还有其他方式来显示/隐藏元素吗？请指教!

Answer 1

这听起来很麻烦,但您可以构建一个简单的库,实际上从DOM中删除节点并在需要时将它们注入.您仍然可以使用一个对象将所有已删除的节点保存为变量,这样您就不必在插入时重新创建它们.

但是,我必须说,当需求指定该站点应该禁用CSS时,这很少意味着它应该在禁用CSS的所有方面以完全相同的方式运行.例如,如果你有一个扩展/可折叠列表,我认为对于禁用CSS的人来说,可接受的折衷方案是始终显示列表中所有项目的内容.

Answer 2

Web UI 508合规性要求用户可以访问具有样式或脚本的用户可用的所有内容,而这通常意味着超链接到静态页面,但它也可能涉及使用服务器端代码来模拟动态脚本.

通过从可访问的站点开始,然后添加支持的样式和脚本功能,始终可以轻松地开发可访问的站点.