显示下拉菜单的最佳方式是什么?为了最佳实践。
请记住:
- 可接受性, 它可以通过javascript关闭查看 屏幕阅读器 -backwords capatabilty, 在IE6中可以查看 -cross浏览器
我问这个是因为我最近一直在使用某个网站,只有下拉菜单的css只显示IE6中的下拉菜单
如果javascript不正确的话,是否会将下拉列表显示为列表?
答案 0 :(得分:4)
javascriptless下拉列表的标准称为suckerfish或suckerfish下拉的儿子:http://htmldog.com/articles/suckerfish/dropdowns/
在IE6中,正如您将注意到的,他们使用一些js来模仿悬停。这很好 - 只要您悬停在第一个链接上,触发下拉列表,就是一个真正的链接!将该链接转到可以导航到菜单中隐藏的页面的页面。如果不出意外,只需复制他们缺少的子菜单,并使页面内容正常工作。
Voila,无障碍。
答案 1 :(得分:1)
如果你必须确保,在关闭JS的情况下可以查看,请使用CSS解决方案。这是一个声称是跨浏览器的:
http://lwis.net/free-css-drop-down-menu/
即使它为IE6(及更早版本)使用了一点JS。
或者可以使用本教程设置自己的: