选择元素的可访问javascript替代方案

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

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

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

---

是否有人具有设置此类功能的经验，并对确保可访问性的最佳方法有何建议？

普通链接将是您的初始设置，因为它们可以在不需要任何额外脚本的情况下将用户带到新页面

您可以将它们放在一个容器ul中，然后以一种“渐进增强”的方式使用javascript将列表变成下拉列表（通过重新编写html），供打开列表的人使用。这样，没有打开javascript的用户将不会有问题，大多数用户将看到您的下拉菜单

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

---

尝试类似于基于嵌套列表的Suckrfish下拉菜单的方法：或者，如果您想体验一下jQuery的乐趣：

这可以帮助您进一步了解如何实现它