隐藏元素的可访问方式,直到jQuery的$(document).ready()?

Iai*_*ser 5 javascript css usability jquery accessibility

我有一个很大的调查,我通过将它安排到各个部分并使用手写菜单来翻阅每个部分,使jQuery更有用.

麻烦的是,$(document).ready()火灾时会有一个明显的瞬间,并将所有东西压缩成一个手风琴菜单.也就是说之前$(document).ready(),你可以看到整个调查.

我没有考虑设置#surveyFormdisplay: none;在CSS和#surveyForm.activedisplay: block;而是创建了一个新的问题:

没有启用javascript的浏览器永远不会看到#surveyForm.active,因此他们将无法使用该调查.

有任何想法吗?

干杯

-Iain

小智 1

这是我在这种情况下使用的渐进增强解决方案。