选择元素的可访问的javascript替代品

时间:2011-10-17 10:42:14

标签: javascript accessibility

我正在开发一些javascript代码,它将使用javascript控制的下拉菜单替换标准的select元素,该菜单会将用户重定向到特定页面。禁用JS时,标准select元素必须正常工作

我想要实现的一个例子是:www.play.com

我在这个网站上注意到的是,他们只是将选择元素放在javascript替代品后面。这意味着屏幕阅读器和键盘用户都可以使用这两种控件。

有没有人有过设置此类功能的经验,并对确保可访问性的最佳方法有任何建议?

1 个答案:

答案 0 :(得分:0)

普通链接将是您的开始设置,因为它们可以将用户带到新页面而无需任何其他脚本。

您可以将它们放入容器ul中,然后以“渐进式增强”方式使用javascript将列表转换为下拉列表(通过重写html),以便打开它的人。这样,没有启用javascript的用户就没有问题,大多数用户都会看到你的下拉菜单。

更好的是,不要使用选择菜单进行导航。它在语义上并不正确,需要更多的工作才能使其可操作和健壮。

尝试类似Suckerfish下拉菜单的内容,这些菜单基于嵌套列表:http://www.htmldog.com/articles/suckerfish/或者如果你想要一些jQuery乐趣:http://users.tpg.com.au/j_birch/plugins/superfish/#sample1